html – 单行和多行文本的不同文本定位

前端之家收集整理的这篇文章主要介绍了html – 单行和多行文本的不同文本定位前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

是否可以使用CSS为单行和多行文本设置不同的文本定位?

例如:我希望我的单个短行文本在中心对齐,但是当文本超过单行长度并成为多行文本时,它应该保持对齐.

最佳答案
您可以使用CSS表:

div {
  display: table;
  margin: 0 auto; /* Center container horizonatlly */
  text-align: left; /* Align text to the left */
}

CSS表的工作原理是因为它们使用缩小到拟合算法来调整大小,但仍然是块级流入元素. CSS3通过fit-content关键字公开这个大小,所以你不再需要依赖奇怪的表格布局,但它还没有被广泛支持.

div {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto; /* Center container horizonatlly */
  text-align: left; /* Align text to the left */
}

猜你在找的HTML相关文章