提交 0dfd2ab3 编写于 作者: DCloud-yinjiacheng's avatar DCloud-yinjiacheng

更新CSS示例

上级 3c652aef
<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.
先完成此消息的编辑!
想要评论请 注册