Question

我正在尝试缩短带有文本溢出省略号的网址，以便在Mobile Safari中缩短内容。

这是我的代码和page。

dd a {
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    width:20px;
    background:red; /* for debugging */
}

Answer 1

你有正确的开始，唯一的问题是规则并未全部应用，因为标签默认是内联的，需要是块级的。在你的CSS中添加“display：block”可以解决这个问题，幸运的是，由于你为你的dds设计样式，它不会改变你的布局。另外，nix是20px宽度：）

Answer 2

问题有点难以解析，但基本上是的。 CSS选择器可以只用于一个元素。最简单的方法是给元素一个id，比如id="mythingie" 让选择器使用它。

#mythingie {
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    width:20px;
    background:red; /* for debugging */
}

Answer 3

在这里，查看新的css3选择器，你可以快速选择你想要的任何元素：）