Html 如何构建具有固定宽度和100%侧面的居中菜单

Html 如何构建具有固定宽度和100%侧面的居中菜单,html,css,layout,Html,Css,Layout,我想建立这样一个菜单: 菜单居中,并带有特定的图标(例如800px)。其他两个div应与浏览器的右侧和左侧对齐 这在纯css中是可能的吗? 编辑: 正如Chad所评论的,表格是为表格数据制作的,因为这不是tabluar数据,这里有一个没有表格的解决方案: 它使用divs和显示:table和显示:表格单元格 使用表的纯CSS是可能的: 请参见此 HTML 是的,这是有可能的css@Huangism你需要更多的喜欢:-)我给人们想要的:)你都试了些什么?不:(表格是表格的data@Chad这是

我想建立这样一个菜单:

菜单居中,并带有特定的图标(例如800px)。其他两个div应与浏览器的右侧和左侧对齐

这在纯css中是可能的吗?


编辑:

正如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;
    }