我有一个元素设置为a {display: inline-block;}
。我添加了一个伪元素a:after {display: inline-block;}
。现在,如果我将white-space: nowrap
设置为父元素,那么我希望a
和a:after
始终保持在同一条线上。这句话对吗?因为我遇到了一些困难来达到预期的效果。
发布于 2014-11-14 07:29:40
不,:pseudo
元素不是这样工作的!它们不从父节点继承文本样式。
a {display: inline-block; white-space: nowrap;}
a:after {display: inline-block; white-space: nowrap; content: 'Hello, how are you?'; width: 50px; border: 1px solid #ccc; overflow: hidden;}
<a href="#">Hello!</a>
https://stackoverflow.com/questions/26933326
复制相似问题