我可以在div中使用text-align吗？

Question

有没有办法可以在div内对齐文字，但不使用text-align。我不想将它与特定位置（中心，左边等）对齐，但我想将它对齐到我想要的像素。例如值中心和左边。此外，我不想在div内使用另一个元素。

我看起来像那样：

HTML

<div id="div">TEXT</div>

CSS

 #div{
    text-align:220px;
    }

有什么想法吗？

Answer 1

您在寻找text-indent吗？

#div{
  text-indent: 220px;
}

Answer 2

如果使用margin或padding来对齐文本，如果您了解CSS框模型行为，它们也会增加元素的大小，因此如果您正在对齐它们使用padding或margin确保使用以下

div {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

虽然上面会计算margin外部，但会考虑元素内的padding和border。

此外，如果您只想对齐一个单词，那么请更好地使用text-indent属性，这会将您的文字缩进到您定义的特定px。

Demo

但是这只会缩小第一行，所以如果你只有一个单词就足以满足你的需要，但是如果你想对齐多个元素，那么最好的办法是每个都使用span单词，然后使用padding

缩进

Answer 3

不，你不能，text-align为文本提供一般行为，而不是px 衡量单位，另外，从逻辑上讲...... 220px不会告诉浏览器，屏幕220px指的是哪一方....我建议使用<p>或{{1}而是

<span>

修改

要避免#div > span, #div > p{ /*some margin or padding like margin-left : 220px; padding-left : 220px; */ } 内的tag，请使用：

div

solution demo