Skip to content

H
hello uni-app x

DCloud / hello uni-app x

通知 6067
Star 93
Fork 166
H
hello uni-app x
提交 0dfd2ab3 编写于 作者: DCloud-yinjiacheng's avatar DCloud-yinjiacheng
浏览文件
操作

更新CSS示例

上级 3c652aef
隐藏空白更改
内联 并排
Showing with 20 addition and 19 deletion
pages/CSS/text/text-overflow.uvue
浏览文件 @ 0dfd2ab3
<template>
<view style="flex-grow: 1;">
<view style="height: 500rpx;background-color: gray;justify-content: center;align-items: center;">
<text class="common" style="text-overflow: clip;">{{text}}</text>
<text class="common" style="text-overflow: ellipsis;">{{text}}</text>
</view>
</view>
<view style="flex-grow: 1;">
<view style="height: 500rpx;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>
</view>
</template>
<script>
export default {
data() {
return {
text: 'HBuilderX，轻巧、极速，极客编辑器；uni-app x，终极跨平台方案；uts，大一统语言'
}
}
}
export default {
data() {
return {
text: 'HBuilderX，轻巧、极速，极客编辑器；uni-app x，终极跨平台方案；uts，大一统语言'
}
}
}
</script>
<style>
.common {
width: 500rpx;
height: 60rpx;
font-size: 20px;
}
</style>
\ No newline at end of file
.common {
width: 500rpx;
height: 60rpx;
font-size: 20px;
}
</style>
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或