不知道如何实现这一点..4个部分的文本均匀分布在页面上？
不知道如何实现这一点..4个部分的文本均匀分布在页面上？
提问于 2012-06-19 05:36:17
我有4个小正文，我想均匀地显示在整个页面上。这是我脑海中的图像：
有些东西告诉我，表格将是最好的方法，但a)我总是被告知不要使用它们，b)正因为如此，我不知道如何这样做，如果这实际上是最好的方法。
我乐于接受您的建议，感谢您的任何帮助。
Stack Overflow用户
发布于 2012-06-19 07:06:13
我会做这样的事情。如果你不想要流畅的布局，只需用像素替换百分比即可。
CSS：
* {
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
}
#container {
width: 80%;
margin: 0px auto;
}
#container div {
width: 25%; /* 25% percent of the #container width */
padding: 10px;
float: left
}HTML：
<div id="container">
<div>Content 1</div>
<div>Content 2</div>
<div>Content 3</div>
<div>Content 4</div>
</div>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11091449
复制相关文章
相似问题
腾讯云开发者
