Html 如何构建具有固定宽度和100%侧面的居中菜单
我想建立这样一个菜单: 菜单居中,并带有特定的图标(例如800px)。其他两个div应与浏览器的右侧和左侧对齐 这在纯css中是可能的吗?Html 如何构建具有固定宽度和100%侧面的居中菜单,html,css,layout,Html,Css,Layout,我想建立这样一个菜单: 菜单居中,并带有特定的图标(例如800px)。其他两个div应与浏览器的右侧和左侧对齐 这在纯css中是可能的吗? 编辑: 正如Chad所评论的,表格是为表格数据制作的,因为这不是tabluar数据,这里有一个没有表格的解决方案: 它使用divs和显示:table和显示:表格单元格 使用表的纯CSS是可能的: 请参见此 HTML 是的,这是有可能的css@Huangism你需要更多的喜欢:-)我给人们想要的:)你都试了些什么?不:(表格是表格的data@Chad这是
编辑: 正如Chad所评论的,表格是为表格数据制作的,因为这不是tabluar数据,这里有一个没有表格的解决方案: 它使用divs和
显示:table编码>和显示:表格单元格代码>
使用表的纯CSS是可能的:
请参见此
HTML
是的,这是有可能的css@Huangism你需要更多的喜欢:-)我给人们想要的:)你都试了些什么?不:(表格是表格的data@Chad这是真的;)我会相应地编辑我的帖子。稍微好一点;)为什么不直接使用宽度:800px;保证金:0自动代码>?@Chad,因为左右两个div都有红色边框。我想我没意识到他想要3列——以为他只想要一列。我唯一的另一个想法是为这些做绝对定位,这不是一个好的选择<代码>显示:表格代码>应该可以正常工作。
<table>
<tr>
<td id="left">
ALIGN LEFT
</td>
<td id="center">
MENU
</td>
<td id="right">
ALIGN RIGHT
</td>
</tr>
</table>
html,body{
width:100%;
padding:0;
margin:0;
}
table{
width:100%;
}
td {
border:1px solid red;
height:100px;
}
#center{
width:800px;
text-align:center;
}
#right{
text-align:right;
}