UNIAPP中让几个text文本显示在同一行
时间: 2024-02-20 21:55:58 浏览: 241
Uniapp 多功能富文本编辑组件 可多端使用 H5插入
在UNIAPP中,可以使用flex布局来让多个text文本显示在同一行。具体做法是,在父容器上设置`display:flex;`,并在子容器上设置`flex:1;`。这样子容器就会自动平分父容器的宽度,并且在同一行显示。例如,下面的代码可以让两个text文本水平排列在同一行:
```html
<view style="display:flex;">
<text style="flex:1;">文本1</text>
<text style="flex:1;">文本2</text>
</view>
```
你可以根据实际情况调整子容器的`flex`属性来控制每个文本在同一行中的宽度比例。
阅读全文