html – 如何使div动态更改为内容宽度并使其保持宽度,即使浏览
发布时间:2020-12-14 23:04:02 所属栏目:资源 来源:网络整理
导读:第一次在这里发帖 我花了两天时间试图解决这个问题,最后决定在这里问一下. 看看这个:(场景1) #container { height:150px; border:1px solid pink; width:1100px;}#widget { display:inline-block; width:100px; height:100px; background-color:red;}? http:
第一次在这里发帖 我花了两天时间试图解决这个问题,最后决定在这里问一下. 看看这个:(场景1)
http://jsfiddle.net/DQFja/1/ 非常简单.一个div,其中包含一堆其他div.父div的固定宽度为~1000像素,子div设置为显示:inline-block;当您使浏览器窗口小于父窗口时,会出现一个滚动条,您可以滚动查看其余部分. 现在来看看:(场景2)
http://jsfiddle.net/zZRq7/ 相同的父级和子级,但父级的宽度由您放入其中的div子项的数量动态确定.花花公子.但是,当您使浏览器窗口变小时,父div会变得像窗口一样宽,孩子们开始环绕,使父母更高(即使我们设置了固定的高度!) 所以: 如何在方案2中如何使父div以宽度动态,但是当浏览器窗口变小时,它还保持其形状/高度/宽度,以便我们可以获得滚动条? 最佳答案
最小宽度是要走的路:
查看实时示例here 编辑 一个hacky方法实现的是使用如下的white-space属性:
查看实时示例here (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |