我有一个元素设置为 a {display: inline-block;}。我添加了一个伪元素 a:after {display: inline-block;}。现在，如果我将 white-space: nowrap 设置为父元素之一，我希望 a 和 a:after 将保持在同一行每时每刻。这种说法正确吗？因为我在达到预期效果时遇到了一些困难。
最佳答案
不，: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>关于html - 空白 :nowrap on pseudo element，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26933326/