Skip to content

H
hello uni-app x

DCloud / hello uni-app x

通知 5995
Star 90
Fork 162
H
hello uni-app x
提交 dc05c6c5 编写于 作者: DCloud-yinjiacheng's avatar DCloud-yinjiacheng
浏览文件
操作

更新CSS示例

上级 bb0764e8
隐藏空白更改
内联 并排
Showing with 6 addition and 4 deletion
pages/CSS/text/text-overflow.uvue
浏览文件 @ dc05c6c5
......@@ -3,15 +3,16 @@
<view style="height: 250px;padding: 0 30px; background-color: gray;justify-content: center;">
<view class="margin-bottom-10">
<text class="font-weight-bold">text-overflow:clip white-space:nowrap</text>
<text class="font-size-20" style="text-overflow: clip;white-space: nowrap;">{{text}}</text>
<text class="font-size-20" style="text-overflow: clip;white-space: nowrap;">{{multiLineText}}</text>
</view>
<view class="margin-bottom-10">
<text class="font-weight-bold">text-overflow:ellipsis white-space:nowrap</text>
<text class="font-size-20" style="text-overflow: ellipsis;white-space: nowrap;">{{text}}</text>
<text class="font-size-20" style="text-overflow: ellipsis;white-space: nowrap;">{{singleLineText}}</text>
<text class="font-size-20" style="text-overflow: ellipsis;white-space: nowrap;">{{multiLineText}}</text>
</view>
<view class="margin-bottom-10">
<text class="font-weight-bold">white-space:normal</text>
<text class="font-size-20" style="white-space: normal;">{{text}}</text>
<text class="font-size-20" style="white-space: normal;">{{multiLineText}}</text>
</view>
</view>
</view>
......@@ -21,7 +22,8 @@
export default {
data() {
return {
text: 'HBuilderX，轻巧、极速，极客编辑器；uni-app x，终极跨平台方案；uts，大一统语言'
multiLineText: 'HBuilderX，轻巧、极速，极客编辑器；uni-app x，终极跨平台方案；uts，大一统语言',
singleLineText: 'uts，大一统语言（单行文本）'
}
}
}
......
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或