我正在尝试制作一个页面,其中一些div水平对齐,并且我希望宽度根据内容调整大小,因此如果内容大于屏幕尺寸,则会出现水平滚动条。我有以下代码:
<div>
<div style="width: 300px; height: 300px; background-color: black; margin-left: 10px; float: left;"></div>
<div style="width: 300px; height: 300px; background-color: black; margin-left: 10px; float: left;"></div>
<div style="width: 300px; height: 300px; background-color: black; margin-left: 10px; float: left;"></div>
<div style="width: 300px; height: 300px; background-color: black; margin-left: 10px; float: left;"></div>
<div style="width: 300px; height: 300px; background-color: black; margin-left: 10px; float: left;"></div>
</div>
子 div 横向对齐,但当达到屏幕尺寸时会换行。有什么想法吗?
<h2>
默认是块级元素。您可以使用自定义CSS将其强制转换为内联元素。https://developer.mozilla.org/zh-CN/docs/Web/HTML/Block-level_elements - dmikester1