تجاوز: انتقل؛ في> td>
-
06-07-2019 - |
سؤال
لماذا overflow:scroll;
الملكية CSS لا تعمل في <td>
، في حين overflow:hidden;
يعمل بشكل جيد؟
<table border="1" style="table-layout:fixed; width:100px">
<tr>
<td style="overflow:scroll; width:50px;">10000000000000000000000000000000000</td>
<td>200</td>
<td>300</td>
</tr>
</table>
ومن المواصفات CSS <سوب> 1 ، <أ href ل = "http://www.w3.org/TR/CSS2/tables.html#fixed-table-layout" يختلط = "noreferrer"> 2 في، وأنا لا يمكن معرفة السبب.
المحلول
وأنا حصلت على شيء من هنا !
<اقتباس فقرة>وأندرو Fedoniouk كتب:
<اقتباس فقرة>وهذا هو في الواقع سؤالي: "سبب فني واحد هو أن لا ينطبق على الممتلكات تجاوز ل الجداول "-.؟ لماذا؟ ما هو هذا السبب
اقتباس فقرة>وأنا لست خبيرا، ولكن أعتقد أن هذا هو فقط من أجل التوافق مع الإصدارات السابقة مع السلوك الجدول القديمة. يمكنك التحقق و"التلقائي" تخطيط الجدول الخوارزمية في المواصفات. انا جميلة تأكد من أن هذه الخوارزمية تخطيط ل تتعارض مع تجاوز الملكية (أو على نحو أدق، سوف تخطيط خوارزمية يؤدي أبدا في الحاجة إلى أي قيمة الفائض باستثناء "مرئية").
<اقتباس فقرة>نعم، هذا هو السبب في أنني أطلب. ويبدو أن هناك أي أسباب رسمية لماذا أو لا ينبغي أن يكون للتمرير ولكن يبدو وصلت البائعين UA بعض الاتفاق والصمت في هذا المجال. وذلك هو المسألة.
اقتباس فقرة>ووالمواصفات توافق معك فيما يتعلق إلى العناصر. الجدول الخلايا من المفترض أن تحترم تجاوز، على الرغم من موزيلا، على الأقل، لا يبدو أن تفعل وبالتالي. لا أستطيع الإجابة على سؤالك في هذه الحالة، على الرغم من أنني سوف لا يزال تخمين الجواب لا تزال مرتبطة تقديم القديمة.
اقتباس فقرة>نصائح أخرى
وعليك أن التفاف عليه في شعبة، التي ستعمل:
<table border="1" style="table-layout:fixed; width:500px">
<tr>
<td style="width:100px;"><div style="overflow:scroll; width:100%">10000000000000000000000000000000000</div></td>
<td>200</td>
<td>300</td>
</tr>
</table>
وتقدم أولا الارتفاع المطلوب لTD ومن ثم تطبيق "تعويم: غادر". خاصية "الدفتيريا" منها تريد التمرير لتظهر