html – 如何在不使用表的情况下并排显示项目?
发布时间:2020-12-14 19:33:04 所属栏目:资源 来源:网络整理
导读:例如,您想要在文本旁边显示图像,通常我会这样做: table tr tdimg .../td tdtext/td /tr/table 有更好的选择吗? 解决方法 你应该把它们漂浮在清除的容器中. 例: https://jsfiddle.net/W74Z8/504/ 一个干净的实现是“clearfix hack”.这是Nicolas Gallagher
例如,您想要在文本旁边显示图像,通常我会这样做:
<table> <tr> <td><img ...></td> <td>text</td> </tr> </table> 有更好的选择吗? 解决方法
你应该把它们漂浮在清除的容器中.
例: https://jsfiddle.net/W74Z8/504/ 一个干净的实现是“clearfix hack”.这是Nicolas Gallagher的版本: /** * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * contenteditable attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that are clearfixed. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .clearfix:before,.clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } /** * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */ .clearfix { *zoom: 1; } ? (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |