有没有什么办法可以在div中对齐文本但不使用text-align.我不想将它与特定位置(中心,左边等)对齐,但我想将它对齐到我想要的像素.例如值中心和左边.另外我不想在div中使用另一个元素.
我看起来像这样：
<div id="div">TEXT</div>
CSS
#div{
text-align:220px;
}
有任何想法吗？
解决方法
如果您使用边距或填充来对齐文本,如果您了解CSS框模型行为,它们也会增加元素的大小,因此如果您使用填充或边距对齐它们,请确保使用下面的内容
div {
-moz-Box-sizing: border-Box;
-webkit-Box-sizing: border-Box;
Box-sizing: border-Box;
}
虽然上面将计算外边距,但会考虑元素内的填充和边框.
此外,如果您只想对齐一个单词,那么最好使用text-indent属性,它会将您的文本缩进到您定义的特定px.
但是这只会缩进第一行,所以如果你只有一个单词就足以满足你的需要,但是如果你想对齐多个元素,那么最好的办法是为每个单词使用span而不是使用填充缩进它