好的,所以情况就是这样......
假设我有一个网站导航栏,我允许用户在此导航栏上更改他们想要的链接数量.这意味着他们可以有3个,5个,10个等.
我想要做的是,如果一个链接启动,它只占用导航栏上1/5的空间.如果我没有使用边框,我可能会这样做:
宽度:18%; 填充:0 1%;
但是,我有两个问题:
1)对于4个按钮,它没有填满整行.如果链接太宽,它看起来会很难看......但是当我有6个或7个按钮时,它会有巨大的溢出!2)由于我有边框,我不能使用边框或宽度的百分比值,因为我无法正确估计它的百分比.
现在,我知道我不必使用百分比值,但我理想的是第一个按钮是所有其他按钮正确适合所需的最小尺寸,这意味着如果我有950px和6个链接,第一个链接可以是大约150px而其他链接是160px ......这很好.我希望导航栏上的所有其他按钮大小相同,无论有多少链接.
我还需要它接受边框...我想这样做的方法是在嵌套div中放置一个边框,这样它不会影响按钮的整体宽度？这一切都很好,但我仍然受到无法使用我想要的风格设计动态网站的问题的困扰,如果我无法使所有的导航按钮适合宽度.
我可以使用一些js技巧吗？我甚至都不知道......
谢谢
编辑:这是我的演示小提琴
| 归档时间： |
|
| 查看次数： |
4504 次 |
| 最近记录： |