我不知道,要么我不太擅长“搜索”艺术,要么这个话题太简单了,通常没有人问这个问题,但自从我开始我的网站以来,我一直在搜索这个问题。
我的网页上只有四个块元素。
- 第一个 Block 元素单独显示在顶部
- 第二个、第三个和第四个块元素,我想从下一行排列在单个水平行中
- 目前我正在使用表格来做到这一点,但它的样式很糟糕,不是吗?
- 请告诉我一种方法,可以将所有这 3 个块元素放在同一行中
目前,如果我删除表属性,我的块元素将移动到下一行。
如果我删除表属性,它会是这样的:
^^^^^^^^^^块元素:顶部^^^^^^^^^^^^
^^^^块2^^^^^
^^^^块3^^^^^
^^^^块4^^^^^
我希望块元素 2,3,4 位于同一行,如下所示:
^^^^区块 2^^^^^ ^^^^区块 3^^^^^ ^^^^区块 4^^^^^
您可以尝试显示:inline-block
or float:left
.
<html>
<head>
<style type="text/css">
div {
border: 1px black solid;
}
</style>
</head>
<body>
<div>aaa</div>
<div>bbbbbb</div>
<div>cccc</div>
</body>
</html>
<html>
<head>
<style type="text/css">
div {
border: 1px black solid;
display: inline-block;
}
</style>
</head>
<body>
<div>aaa</div>
<div>bbbbbb</div>
<div>cccc</div>
</body>
</html>
<html>
<head>
<style type="text/css">
div {
border: 1px black solid;
float: left;
}
</style>
</head>
<body>
<div>aaa</div>
<div>bbbbbb</div>
<div>cccc</div>
</body>
</html>
这些是对Chrome的影响。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)