我试图做一个菜单。

代码在这里可用:
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的样式。

08-19 04:33