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

概述有没有什么办法可以在div中对齐文本但不使用text-align.我不想将它与特定位置(中心,左边等)对齐,但我想将它对齐到我想要的像素.例如值中心和左边.另外我不想在div中使用另一个元素. 我看起来像这样： HTML <div id="div">TEXT</div> CSS #div{ text-align:220px; } 有任何想法吗？ 如果您使用边距或填充来对齐文本,如果 有没有什么办法可以在div中对齐文本但不使用text-align.我不想将它与特定位置(中心,左边等)对齐,但我想将它对齐到我想要的像素.例如值中心和左边.另外我不想在div中使用另一个元素.

我看起来像这样：

HTML

<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.

Demo

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

总结

以上是内存溢出为你收集整理的HTML – 我可以在div中使用text-align吗？全部内容，希望文章能够帮你解决HTML – 我可以在div中使用text-align吗？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。