我一直在尝试为我的程序制作一个复杂的UI，我希望能够在设计中使用CSS来包含3列。
目前这是我的代码：
<div style="width:100px;">stuff</div>
<div style="width:100px;">stuff</div>
<div style="width:100px;">stuff</div>
但这由于某种原因将显示3种不同的内容。
我已经尝试了一些更改，但似乎根本没有用
我只希望在同一块上有3列。
如果要在屏幕上显示3个不同的网络区域，执行此操作的有效方法是：
<style> .third { width: 33.33%; float: left; } </style>
<div class="third"> Something </div>
<div class="third"> Something </div>
<div class="third"> Something </div>
将class="third"被添加CSS是里面的的{}的，我已经做。-意味着每个div都被赋予了width: 33.33%（屏幕的1/3）和，float: left这将仅移动区域以能够移出堆叠的普通CSS和HTML范围。
希望这可以帮助！:)
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句