HTML / CSS两个自动宽度列
发布时间:2020-12-14 18:54:23 所属栏目:资源 来源:网络整理
导读:我有一个难以置信的困难时期达到以下效果: =========================================================== Variable Width = input style="width: 100%" / =========================================================== 我使用以下HTML: dl dt labelVaria
我有一个难以置信的困难时期达到以下效果:
========================================================== = Variable Width = <input style="width: 100%" /> = ========================================================== 我使用以下HTML: <dl> <dt> <label>Variable Width</label> </dt> <dd> <input style="width: 100%" /> </dd> </dl> 请注意,我修剪了HTML的可读性. 任何人都可以建议我应该使用什么CSS来实现这个效果?我更喜欢不必使用display:table,因为我正在寻找达到IE7的跨浏览器兼容性. 解决方法
这是“令人难以置信的困难”,没有< table>或显示:表..直到你知道如何!
见:http://jsfiddle.net/thirtydot/aLgwt/ 这在IE7和更大的所有现代浏览器. dt { float: left } dd { overflow: hidden; padding: 0 4px 0 9px } dd input { width: 100% } 解释为什么它工作is here. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |