2022-01-11站长百科下载本文css,文本,时用,省略号,超出
在项目中我们经常需要在文本过长时显示，将文本超出的部分内容用省略号代替：
思想为：
首先设置宽度，然后让超出的部分隐藏
如果有超出则在最后显示省略号
让文本不换行
具体css代码为：
复制代码代码如下:
.title{
width:200px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
word-break:keep-all;
}
Html代码就不用写了，一个div 或者span class = "title"即可。
以上就是CSS文本超出div或者span时用省略号代替的详细内容，更多请关注本站其它相关文章！
《CSS文本超出div或者span时用省略号代替.doc》
下载本文的Word格式文档，以方便收藏与打印。
在ASP页面中嵌入JavaScript或CSS可以通过在<head>标签内或者<body>标签内使用<script>标签或<style>标签来实现。 嵌入JavaScript： <html> <head> <script> functio...
2024-04-03编程代码asp,css,javascript今天小编给大家分享一下springboot themaleaf第一次进页面不加载css怎么解决的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇...
2023-10-28编程代码css,springboot,themaleaf
HTML、CSS、JavaScript三者的关系是什么，很多新手对此不是很清楚，为了帮助大家解决这个难题，下面小编将为大家详细讲解，有这方面需求的人可以来学习下，希望你能有所收获。 js--JavaScript--脚本语...
2023-10-27编程代码css,html,javascript
