4. Ordinary vehicle model: hard sleeper, hard seat, second class seat 将这一段文字换行对齐,不是和数字对齐,而是和单词对齐
时间: 2024-03-08 19:48:28 浏览: 69
浅谈Android textview文字对齐换行的问题
5星 · 资源好评率100%
您可以使用CSS的`display`属性和`flex`布局来实现单词对齐的换行。具体地说,您可以将文本包装在一个`div`元素中,并将`display`属性设置为`flex`,然后使用`flex-wrap: wrap`和`flex-basis`属性来控制文本的换行和对齐。
以下是示例代码:
```
<div style="display: flex; flex-wrap: wrap;">
<span style="flex-basis: 100%;">Ordinary vehicle model:</span>
<span style="flex-basis: 100%;">hard sleeper,</span>
<span style="flex-basis: 100%;">hard seat,</span>
<span style="flex-basis: 100%;">second class seat</span>
</div>
```
这里,我们将`div`元素的`display`属性设置为`flex`,然后将所有文本包装在`span`元素中。每个`span`元素的`flex-basis`属性设置为`100%`,表示每个文本块应该占用整个可用空间。`flex-wrap: wrap`属性指定文本应该在需要时换行。
这样,文本就会以单词为单位对齐,而不是和数字对齐。
阅读全文