引导，CSS-行内跨距自动缩进

在我的项目中，我实现了bootstrap，并使用它的网格系统。我创建了一行，然后在行中添加了一个跨度，作为列（

col-12

）

我使用的跨度带下划线，我在跨度内添加

元素以分隔行。第一行比其他两行自动向右缩进更多。我尝试使用

标记，但是这不起作用，因为我的文本带有下划线，它会在文本之前创建一个不需要的下划线

有人知道这个问题吗？多谢各位

这是我的密码：

.mainBodyTxt{
颜色：白色；
位置：相对位置；
字体系列：“Roboto”，无衬线；
字体大小：54px；
z指数：2；
左：200px；
}
.容器液体{
背景：浅灰色；
}

我真的很喜欢

蓝色
三明治

您的布局给了您一个正确的缩进，可能是因为您使用的是

之外的

col-x元素应该是行元素的直接后代

---

要解决此问题，您可以：

将

标记放在

span

内（示例1）

移除

标记，并给

span

CSS属性

文本装饰：下划线（示例2）

移除

标签，并为

u

类

col-12 mainBodyTxt

（示例3）

.mainBodyTxt{
颜色：白色；
位置：相对位置；
字体系列：“Roboto”，无衬线；
字体大小：54px；
z指数：2；
左：200px；
}
.容器液体{
背景：浅灰色；
}
.主体结构底层{
颜色：白色；
文字装饰：下划线；
位置：相对位置；
字体系列：“Roboto”，无衬线；
字体大小：54px；
z指数：2；
左：200px；
}

我真的很喜欢

蓝色
三明治


我真的很喜欢

蓝色
三明治


我真的很喜欢

蓝色
三明治

您的布局给了您一个正确的缩进，可能是因为您使用的是

之外的

col-x元素应该是行元素的直接后代

---

要解决此问题，您可以：

将

标记放在

span

内（示例1）

移除

标记，并给

span

CSS属性

文本装饰：下划线（示例2）

移除

标签，并为

u

类

col-12 mainBodyTxt

（示例3）

.mainBodyTxt{
颜色：白色；
位置：相对位置；
字体系列：“Roboto”，无衬线；
字体大小：54px；
z指数：2；
左：200px；
}
.容器液体{
背景：浅灰色；
}
.主体结构底层{
颜色：白色；
文字装饰：下划线；
位置：相对位置；
字体系列：“Roboto”，无衬线；
字体大小：54px；
z指数：2；
左：200px；
}

我真的很喜欢

蓝色
三明治


我真的很喜欢

蓝色
三明治


我真的很喜欢

蓝色
三明治

谢谢你，伙计。工作起来很有魅力！谢谢你，伙计。工作起来很有魅力！