How to use css to display ellipses when the text is too long

This article mainly shows you how to use css to achieve long text display ellipsis, the content is easy to understand, clear, hope to help you solve your doubts, the following let Xiaobian take you to study and learn "how to use css to achieve excessive text display ellipsis" this article.

Text-overflow. Demo-split {width:500px; height:100px; border:1pxsolid#dcdee2; background:palegreen;} .demo-split-pane {padding:10px; color:red;} does not use clip adaptive width

Ellipsis adaptive width is not used

The width to the left of newVue ({el:'#app', data () {return {split:0.4}) becomes smaller and the text wraps. What is the basic syntax of css? the basic syntax of css is: 1, the css rule consists of a selector and one or more declarations; 2, the selector is usually a HTML element that needs to change the style; 3, each declaration consists of an attribute and a value; 4, attributes and attribute values are separated by colons.

The above is about "how to use css to display ellipses with too long text". If this article is helpful to you and think it is well written, please share it with your friends to learn new knowledge. if you want to know more about it, please pay more attention to the industry information channel.