2020-12-21CSS

如何使text-overflow:elipsis起作用?

想要使用css属性text-overflow:elipsis起到作用,样式必须跟overflow:hidden; white-space:nowrap;width:150px;一起使用

text-overflow语法:

text-overflow : clip | ellipsis

text-overflow参数说明:

clip: 不显示省略标记(...),而是简单的裁切

elipsis: 当对象内文本溢出时显示省略标记(...)

组件隐藏属性

visibility:hidden  //隐藏,加载DOM,占位
display:none //隐藏,加载DOM,不占位
v-if    // 控制是否隐藏,为true不加载DOM
v-show  //为true时加载DOM

你可能感兴趣的:(2020-12-21CSS)