我可以在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您定义的特定内容.

演示

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