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> <template>
<view style="flex-grow: 1;"> <view style="flex-grow: 1;">
<view style="height: 500rpx;background-color: gray;justify-content: center;align-items: center;"> <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: clip;white-space: normal;">{{text}}</text>
<text class="common" style="text-overflow: ellipsis;">{{text}}</text> <text class="common" style="text-overflow: clip;white-space: nowrap;">{{text}}</text>
</view> <text class="common" style="text-overflow: ellipsis;white-space: nowrap;">{{text}}</text>
</view> </view>
</view>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
text: 'HBuilderX，轻巧、极速，极客编辑器；uni-app x，终极跨平台方案；uts，大一统语言' text: 'HBuilderX，轻巧、极速，极客编辑器；uni-app x，终极跨平台方案；uts，大一统语言'
} }
} }
} }
</script> </script>
<style> <style>
.common { .common {
width: 500rpx; width: 500rpx;
height: 60rpx; height: 60rpx;
font-size: 20px; font-size: 20px;
} }
</style> </style>
\ No newline at end of file
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或