Html 使用CSS垂直布局而不使用中断元素?
是否可以只使用CSS而不使用HTML元素来实现垂直布局 我在一个div中有一个div列表。默认情况下,下一个元素是从右到右的,当右边没有位置时,它会放在下面 我希望通过CSS样式设置实现同样的效果。可能吗 我的意思是,我们有div和它的子对象,不添加任何特殊内容,例如:Html 使用CSS垂直布局而不使用中断元素?,html,css,layout,positioning,vertical-alignment,Html,Css,Layout,Positioning,Vertical Alignment,是否可以只使用CSS而不使用HTML元素来实现垂直布局 我在一个div中有一个div列表。默认情况下,下一个元素是从右到右的,当右边没有位置时,它会放在下面 我希望通过CSS样式设置实现同样的效果。可能吗 我的意思是,我们有div和它的子对象,不添加任何特殊内容,例如: 换行元素(,) UL标签 表(是的,仍然使用,f.g.JSF几乎完全基于它们) 因此: 有没有一个???我可以用来实现我想要的吗?将锚定标记显示为块元素 #menu a { display: block; } 你是说像这样
- 换行元素(
)
, - UL标签
- 表(是的,仍然使用,f.g.JSF几乎完全基于它们)
有没有一个???我可以用来实现我想要的吗?将锚定标记显示为块元素
#menu a {
display: block;
}
你是说像这样的事吗
#菜单{
宽度:300px;
}
#菜单a{
显示:块;
背景:#ccc;
颜色:#000;
填充:10px0;
文本对齐:居中;
边缘底部:2px;
}
将显示块设置为
#menu a {
display: block;
}
使用左浮动
#menu a {
float:left;
}
然后将班级组添加到#菜单中
所以,你想要你锚定标签并排?或者在上面一个接一个,好像在每个主持人添加我的答案后都有一个
太简单了,我简直不敢相信我不能只用CSS搜索垂直定位。。。
#menu {
width: 300px;
}
#menu a {
display: block;
background: #ccc;
color: #000;
padding: 10px 0;
text-align: center;
margin-bottom: 2px;
}
<div id="menu">
<a href="something1">Page 1</a>
<a href="something2">Page 2</a>
<a href="something3">Page 3</a>
</div>
#menu a {
display: block;
}
#menu a {
float:left;
}
.group:before,
.group:after {
content: "";
display: table;
}
.group:after {
clear: both;
}
.group {
zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}