css 内联样式内嵌

使用行内元素进行定位时，文本换行后，首字符可能不会显示相应的样式。这是因为行内元素默认是行内流，换行后会重新开始布局，导致首字符不显示样式。

要解决这个问题，我们需要将子元素设置为行内块。行内块元素既有块元素的宽度和高度，也有行内元素的文本换行特性。

修改后的代码如下：

.row span {
  position: relative;
  display: inline-block;
}

这样，子元素就有下划线，即使换行后也是如此。

立即学习“前端免费学习笔记（深入）”；

以上就是CSS 内联样式换行后首字符样式丢失怎么办？的详细内容，更多请关注php中文网其它相关文章！