Html 使用CSS垂直布局而不使用中断元素?

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; } 你是说像这样

是否可以只使用CSS而不使用HTML元素来实现垂直布局

我在一个div中有一个div列表。默认情况下,下一个元素是从右到右的,当右边没有位置时,它会放在下面

我希望通过CSS样式设置实现同样的效果。可能吗

我的意思是,我们有div和它的子对象,不添加任何特殊内容,例如:

  • 换行元素(

  • 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) */
}