空白:伪元素的现在讨论
空白:伪元素的现在讨论
提问于 2014-11-14 15:25:41
我有一个元素设置为a {display: inline-block;}。我添加了一个伪元素a:after {display: inline-block;}。现在，如果我将white-space: nowrap设置为父元素，那么我希望a和a:after始终保持在同一条线上。这句话对吗？因为我遇到了一些困难来达到预期的效果。
回答 1
Stack Overflow用户
回答已采纳
发布于 2014-11-14 15: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>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/26933326
复制相关文章
相似问题
腾讯云开发者
