我试图做一个菜单。
代码在这里可用:
http://jsfiddle.net/Chumillas/WyA3U/
(谢谢丘米拉斯,我教了我这一点)
如果通过上面的链接检查结果,则会发现此代码存在设计问题-所有可见的菜单项必须具有相同的长度(75px),并且由于它们之间的距离不均匀而看起来没有美化:
.titleCell
{
width: 75px;
我该如何解决这个问题,以便长度实际上是内容的长度(+填充),而不是必须将其修复为75px,以便菜单项之间的距离相同?
编辑-
如果无法完成,我将很高兴能够在线链接到类似的内容。再次感谢
编辑2-
如果有人想知道我最初从哪里得到这东西的:http://www.devinrolsen.com/css-hide-and-display-content/
最佳答案
您可以从position:absolute
中删除.titleCell strong
,然后将padding-left
更改为具有更大值的padding-right
,例如40px
。同时从width
删除.titleCell
这里是一个演示:http://jsfiddle.net/ktCb8/
建议,不要对strong
标签应用规则。设置父级div
或父级li
的样式。