Skip to content

H
hello uni-app x

DCloud / hello uni-app x

通知 6013
Star 91
Fork 164
H
hello uni-app x
提交 787686a6 编写于 作者: DCloud-yinjiacheng's avatar DCloud-yinjiacheng
浏览文件
操作

更新CSS示例

上级 0adcf0aa
显示空白变更内容
内联 并排
Showing with 22 addition and 7 deletion
pages/CSS/text/text-overflow.uvue
浏览文件 @ 787686a6
<template>
<view style="flex-grow: 1;">
<view style="height: 250px;background-color: gray;justify-content: center;align-items: center;">
<text class="common" style="text-overflow: clip;white-space: normal;">{{text}}</text>
<text class="common" style="text-overflow: clip;white-space: nowrap;">{{text}}</text>
<text class="common" style="text-overflow: ellipsis;white-space: nowrap;">{{text}}</text>
<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>
</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>
</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>
</view>
</view>
</view>
</template>
......@@ -19,9 +28,15 @@
</script>
<style>
.common {
width: 250px;
height: 30px;
.font-size-20 {
font-size: 20px;
}
.font-weight-bold {
font-weight: bold;
}
.margin-bottom-10 {
margin-bottom: 10px;
}
</style>
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或