问使用CSS 3对图像及其文本进行动态样式设计
EN

Stack Overflow用户

提问于 2012-09-18 02:26:02

回答 1查看 54关注 0票数 0

我有一个菜单栏的背景图像如下

它在每个框上都显示了四个常量文本。最右边的盒子是空的。这张图片是由所有这些静态的四个垂直条组成的。

现在的问题是，这四种文本是如此动态，并且在不同的情况下具有可变的长度。由于长度的变化，它与那些竖直的条形重叠时，文本无法容纳在盒子里。使用样式或其他方式处理此场景的最佳选择是什么。？

提前谢谢。

回答已采纳

发布于 2012-09-18 02:30:47

案例1:使用边界

您可以为链接提供一个border-right，而不是依赖于图像。

.nav li a {border-right: 2px solid #000;}

案例2:使用省略号

您可以为这些链接提供一个text-ellipsis，并确保它们在行内合适：

.nav li a {max-width: 150px; text-ellipsis: ellipsis; overflow: hidden; display: inline-block;} /* Get this thing right */

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/12469592

复制

相似问题

问使用CSS 3对图像及其文本进行动态样式设计EN