uViewUI
uViewUI
  • 发布:2018-12-19 10:40
  • 更新:2018-12-19 13:53
  • 阅读:3107

APP上<text>组件无法排在一行,默认display:block,float和display:inline!impotarnt覆盖无效

分类:uni-app

如题,<text>组件为何在APP中是display:block的?它相当于span不该是行内元素吗?float和display:inline!impotarnt对其都不起作用,那我想让两个<text>排在一行,岂不是空谈了?用flex?特殊场景呢?比如我要实现如下图的布局?简直无解,个人认为无法实现,请教官方有何办法?
HTML部分:

<view class="box">  
	<view class="name">  
		小明  
	</view>  
	<view class="tips">  
		回复  
	</view>  
	<view class="to_name">  
		小红  
	</view>  
	<view class="content">  
		:这首歌本来的原唱的时候的音高调式,由于E降低用吉他指法比较难弹,所以选用指法简单的C调并且用变调夹 夹在第3品。这样,指法简单了,音高却没有变  
	</view>  
</view>

css部分:

.box {  
    width: 300px;  
    margin: 100px auto;  
    background-color: rgb(230, 230, 230);  
    padding: 10px;  
}  
  
.box .name {  
    color: blue;  
}  
  
.box .to_name {  
    color: red;  
}

2018-12-19 10:40 负责人:无 分享
已邀请:
Trust

Trust - 少说废话

对比下在微信小程序上的排版,另外,没看到代码片段里面有 text 组件,都是 view 组件。

该问题目前已经被锁定, 无法添加新回复