css 文字居中换行靠左
时间: 2024-01-13 18:20:16 浏览: 108
Bootstrap Tooltip显示换行和左对齐的解决方案
5星 · 资源好评率100%
CSS文字居中换行靠左可以通过以下代码实现:
```css
.text-container {
width: 100px; /* 设置容器宽度 */
text-align: center; /* 文字水平居中 */
white-space: normal; /* 允许文字换行 */
word-break: break-all; /* 按单词换行 */
text-align-last: left; /* 文字最后一行靠左对齐 */
}
```
在上述代码中,我们创建了一个名为`.text-container`的类,将其应用于包含文字的容器元素上。通过设置容器的宽度、文字水平居中、允许文字换行、按单词换行以及最后一行文字靠左对齐,实现了CSS文字居中换行靠左的效果。
阅读全文