<text style="">深圳宝安体育场训练基地</text> <view class="iconfont icon-xiangyou">1</view>让这两个标签的内容显示在一行
时间: 2023-08-13 21:13:46 浏览: 54
可以在这两个标签外层套一个 div 标签,并设置 display: flex 和 align-items: center 属性,如下所示:
```html
<div style="display: flex; align-items: center;">
<text style="">深圳宝安体育场训练基地</text>
<view class="iconfont icon-xiangyou">1</view>
</div>
```
这样就可以让这两个标签的内容在同一行显示了。
相关问题
<view style="font-weight:bold;float: left;line-height: 20px; margin-left: 60px;display: flex; align-items: center;"> <text style="">深圳宝安体育场训练基地</text> <view class="iconfont icon-xiangyou"></view> <!-- <text v-text="this.latitude"></text> <text v-text="this.longitude"></text> --> </view> <view> <text>营业中|</text> </view>让上面的view标签显示的数据和下面的view标签显示的数据不在同一行
你可以给上面的 view 标签添加 CSS 样式 `display: block;` 或者 `clear: both;`,这样就可以让它独立成一行显示,不和下面的 view 标签在同一行了。例如:
```
<view style="font-weight:bold;float: left;line-height: 20px; margin-left: 60px;display: block; clear: both; align-items: center;">
<text style="">深圳宝安体育场训练基地</text>
<view class="iconfont icon-xiangyou"></view>
<!-- <text v-text="this.latitude"></text>
<text v-text="this.longitude"></text> -->
</view>
<view>
<text>营业中|</text>
</view>
```
阅读全文