2011-05-26 47 views
2

我想缩短一个带有文本溢出省略号的URL,以便在移动Safari中保持简短。文本溢出省略号可以指向一个元素吗?

这是我的代码和page

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

你是什么意思的目标一个元素? – thirtydot 2011-05-26 23:57:41

回答

1

你有正确的开始,唯一的问题是规则不会全部应用,因为默认情况下标签是内联的,并且需要是块级别的。在你的CSS中添加“display:block”将会起到诀窍,幸运的是,由于你设计你的dds的样式,它不会改变你的布局。另外,尼克斯的20px宽度:)

0

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

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