Html 删除div中某些文本左侧的间隙

我所拥有的：我试图消除填充和文本之间的间隙，以便信息和标题在左侧完全对齐。下图显示文本

10

左侧有某种间隙（我用红色矩形标记）

这里是HTML部分

<div class="col-lg-3 col-md-3 col-sm-4 col-xs-6">
    <div class="panel panel-default">
        <div class="widgetText">10</div>
        <div class="widgetSubtitle">subtitle</div>
    </div>
</div>

实际问题：如何消除上图中红色矩形标记的间隙

到目前为止我尝试过的：我到处玩填充物和各种各样的东西。但是查看Chromes开发模式的方框信息清楚地表明，存在一个与填充无关的间隙。我找不到任何其他解决办法，除了负左填充

---

从技术上讲，没有间距。小空间来自您为widgetText应用的大字体大小

否定填充无效

---

您可以做的是将文本包装在另一个div中，并为其设置负边距。但是，如果您真的想将文本粘贴到左边框旁边而不留任何间距，则边距取决于字体大小。

从技术上讲，没有间距。小空间来自您为widgetText应用的大字体大小

否定填充无效

---

您可以做的是将文本包装在另一个div中，并为其设置负边距。但是，如果您真的想将文本粘贴到左边框旁边而不留任何间距，则边距取决于字体大小。

空格是由字体造成的。如果您担心空格，请添加

文本缩进：-4px编码为小部件文本


.widgetText{
字体大小：44px；
左边框样式：实心；
左边框宽度：4px；
左边框颜色：黑色；
文本缩进：-0.25em；
}
.widgetSubtitle{
字体大小：12px；
左边框样式：实心；
左边框宽度：4px；
左边框颜色：黑色；
颜色：灰色
}

10
字幕
空格是由字体造成的。如果您担心空格，请添加
文本缩进：-4px编码为小部件文本


.widgetText{
字体大小：44px；
左边框样式：实心；
左边框宽度：4px；
左边框颜色：黑色；
文本缩进：-0.25em；
}
.widgetSubtitle{
字体大小：12px；
左边框样式：实心；
左边框宽度：4px；
左边框颜色：黑色；
颜色：灰色
}

10
字幕
有很多方法。
改用负边距
html格式：

10

在css中：

 .widgetText span {
margin-left: -5px;}

很多方面。
改用负边距
html格式：

10

在css中：

 .widgetText span {
margin-left: -5px;}

您错误地认为没有额外的填充，而是在“10”之前。它是打印“10”所需的实际空间，并且没有获得任何其他额外空间



查看获取的空间的图像

没有-ve填充将影响空格。
您被误认为没有额外的填充，而是在“10”之前。打印“10”需要实际的空格，并且没有获得任何其他额外的空格



查看获取的空间的图像

无-ve填充将影响空格。
您可以在其上添加一个负填充，比如说
左填充：-5px
应该可以。但这可能不是问题所在，请尝试在文本上使用00，以查看是否确实存在填充/边距。它可能只是字体。无论如何，如果它是字体，但你仍然需要填充，你可以有条件地设置它，例如，如果第一个数字是1，你几乎肯定不能。我建议“空格”是字体/字符字形的一部分。它的存在是有原因的……为了防止字符彼此碰撞，您是否尝试过负边距？在widgetText中，您正在显示数字或文本@Stephanyou可以添加一个负填充，比如说
左填充：-5px
应该可以。但这可能不是问题所在，请尝试在文本上使用00，以查看是否确实存在填充/边距。它可能只是字体。无论如何，如果它是字体，但你仍然需要填充，你可以有条件地设置它，例如，如果第一个数字是1，你几乎肯定不能。我建议“空格”是字体/字符字形的一部分。它的存在是有原因的……为了防止字符彼此碰撞，您是否尝试过负边距？在widgetText中，您正在显示数字或文本@StephanI建议使用
em
值，而不是
px
。您需要与字体大小相关的间隙。您可以详细说明为什么我应该使用em而不是pxI刚才所做的……如果字体大小为72 px，你的4px调整可能不够……如果你用
em
来调整它的大小，那么间距总是与字体大小有关……我建议
0.25em
我建议使用
em
值，而不是
px
。你想要与字体大小有关的间距。你能详细说明为什么我应该使用em而不是pxI吗字体大小是72像素，您的4像素调整可能不够…如果您在
em
中调整大小，间距将始终与字体大小相关…我建议
0.25em