How to set the excess not to be displayed by html
This article mainly introduces how to set the excess part of html not to show, it has a certain reference value, interested friends can refer to, I hope you can learn a lot after reading this article, let the editor take you to understand it.
Html sets the excess part of the method: 1, by setting "width:10em;" to ensure that the text will not be truncated by semi-Chinese characters; 2, by setting "overflow: hidden;" to hide the text beyond the length; 3, through "text-overflow:ellipsis;" to set ellipsis.
This article operating environment: windows7 system, HTML5&&CSS3 version, Dell G3 computer.
How does html set the excess part not to be displayed?
HTML settings beyond partial hiding
Title div {width: 10eme; / * ensure that the text will not be truncated by semi-Chinese characters, showing 10 characters * / overflow: hidden; / * text hiding beyond the length * / text-overflow:ellipsis;/* text hidden after adding an ellipsis * / white-space: nowrap / * forcing no line wrapping * /} text exceeds the need to hide and show ellipses, which is often used at work. I think many people have encountered it. There are two solutions to this: Title div {width: 10em; / * ensure that the text will not be truncated by semi-Chinese characters, showing 10 characters * / overflow: hidden / * the ellipsis appears * / text-overflow: ellipsis; / * in which line * /-webkit-line-clamp: 2; display:-webkit-box;-webkit-box-orient: vertical } text exceeds the need to hide and show ellipses, which is often used at work. I think many people have encountered it. There are two solutions to this: Title div {width: 10em; / * ensure that the text will not be truncated by semi-Chinese characters, showing 10 characters * / overflow: hidden / * text hiding beyond length * / text-overflow:ellipsis;/* text hiding followed by an ellipsis * / white-space: nowrap / * forcing no line wrapping * /} text exceeds the need to hide and show ellipses, which is often used at work. I think many people have encountered it. There are two solutions to thank you for reading this article carefully. I hope the article "how to set the excess part of html not to show" shared by the editor is helpful to you. At the same time, I hope you will support it. Pay attention to the industry information channel, more related knowledge is waiting for you to learn!
