以CSS和HTML为中心的导航栏

以CSS和HTML为中心的导航栏,html,css,navigation,Html,Css,Navigation,我试图使导航条正确居中,并在每个导航项目的左右两侧各有一个1px的边框(而不是两个边框连接在一起的2px) 该网站是www.berryconcept.co.uk/vouchfor 任何帮助都将不胜感激 非常感谢, Tom若要在交叉点中不具有双边框,您可以为项目提供无边框,并为第一个子项提供左边框:若要在交叉点中不具有双边框,您可以给项目不留边框,并给:第一个子项留边框:在这种情况下,我通常按以下步骤进行: 我将第一个链接的边框添加为左边框:1px solid#ccc

我试图使导航条正确居中,并在每个导航项目的左右两侧各有一个1px的边框(而不是两个边框连接在一起的2px)

该网站是www.berryconcept.co.uk/vouchfor

任何帮助都将不胜感激

非常感谢,


Tom

若要在交叉点中不具有双边框,您可以为项目提供无边框,并为第一个子项提供左边框:

若要在交叉点中不具有双边框,您可以给项目不留边框,并给
:第一个子项留边框:

在这种情况下,我通常按以下步骤进行:

我将第一个链接的边框添加为
左边框:1px solid#ccc
    上进行编码,然后将其设置为每个
  • 元素具有
    右边框:1px实心#ccc设置

    希望这能有所帮助


    如果您将代码发布到JSFIDLE上,我将为您更新它。:)

    在这种情况下,我通常会按照以下步骤进行:

    我将第一个链接的边框添加为
    左边框:1px solid#ccc
      上进行编码,然后将其设置为每个
    • 元素具有
      右边框:1px实心#ccc设置

      希望这能有所帮助



      如果您将代码发布到JSFIDLE上,我将为您更新它。:)

      你的意思是让链接居中吗?我的意思是让整个ul居中。你的意思是让链接居中吗?我的意思是让整个ul居中。谢谢ANeves,我会尝试一下。如果你想支持更旧的浏览器,你可以设置overflow:hidden;在父级(ul)和左边空白处:-1px;在子对象上(例如,模糊第一个左边框)。@reisio甚至比CSS2的
      :first child
      还要老?所有现代浏览器和IE的最后3个主要版本都支持它:7/8/9。当然,那就足够了,你如何证明添加垃圾CSS是合理的呢?谢谢大家,我现在已经修复了。@ANeves:就像这样:“如果你想支持更老的浏览器,”谢谢ANeves,我会试试。如果你想支持更老的浏览器,你可以设置overflow:hidden;在父级(ul)和左边空白处:-1px;在子对象上(例如,模糊第一个左边框)。@reisio甚至比CSS2的
      :first child
      还要老?所有现代浏览器和IE的最后3个主要版本都支持它:7/8/9。当然,这已经足够了,你如何证明添加垃圾CSS是合理的呢?谢谢大家,我现在已经修复了。@ANeves:就像这样:“如果你想支持更老的浏览器,”有关于中心问题的建议吗?:)对中
        ?还是
      • 在里面?应用
        边距:0自动将使其在中心对齐。但是,如果您试图使
      • 元素居中,您将对UL应用左右填充(并相应减小其宽度),以便li元素移动到菜单栏的中间。希望这能解释它:是的,但我已经试过了。如果我减小ul的宽度,然后添加填充,它在一些浏览器上可以工作,但在其他浏览器上它会换行。请快速将所有内容上载到JSFIDLE以便我可以查看?:)关于定心问题有什么建议吗?:)对中
          ?还是
        • 在里面?应用
          边距:0自动将使其在中心对齐。但是,如果您试图使
        • 元素居中,您将对UL应用左右填充(并相应减小其宽度),以便li元素移动到菜单栏的中间。希望这能解释它:是的,但我已经试过了。如果我减小ul的宽度,然后添加填充,它在一些浏览器上可以工作,但在其他浏览器上它会换行。请快速将所有内容上载到JSFIDLE以便我可以查看?:)