Question

所以我试图让我的导航栏基本上看起来更好，我设计了它主要是我想要它在CSS中，但每个链接的大小根据它的字大小，所以每个块/链接是大小不同（希望有意义）所以我想让它们的大小不同/不依赖于字长。我也想改变链接背后的颜色（基本上是这样使颜色延伸到两侧）我包含一个图片的链接，解释我在说什么：http://postimg.org/image/mdoq7vwy7/。提前谢谢！

Answer 1

您需要使用flexbox。无论内容如何，Flexbox都可以使所有项目具有相同的大小。

JSFiddle

ul{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    list-style-type:none;
}
ul li{
    -webkit-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    text-align:center;
}

PS。没有你提供任何代码，很难给你帮助

Answer 2

要使导航栏中的每个链接具有相同的宽度，请为它们提供相同的类并执行此css：

RouteConfig

为了让颜色超出边缘，我会试试这个：

.list-class { width: 100px; }

假设您使用的是导航栏列表。没有代码，这有点难以帮助，但希望这有助于

甚至用CSS / HTML制作导航栏

2 个答案: