我正在开发导航菜单
如果您看到图像,那么右边还有一些空间,我该如何自动调整那里的空间。
没有固定的元素数。它们可以是2,3,4之类的
[目前有4个]
达到此目的的最佳方法是通过display: table
在上使用,使水平导航栏表现为表格ul
。和display: table-cell
你的li
。
如果您发布了一些代码,我将为您提供更好的指导;但这是一个例子:
nav {
width: 500px; /* This would be set to the width of the existing container */
}
nav ul {
list-style: none;
margin:0;
padding:0;
display: table;
width: 100%;
}
nav li {
text-align: center;
display: table-cell;
}
nav a {
display: block;
text-align: center;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句