css隐藏超过div宽度的字，css隐藏dom

溢出隐藏:最全的利用css解决内容溢出问题的几种方案

方法一： 代码如下： 任意长度的字符串 说明：优点是内容可以为任何HTML元素，包括超链接和图片等，在IE6中还会在结尾自动显示省略号。缺点是必须指定宽度数值，并且宽度不能是百分数，否则在IE中会被认为是字符总长的百分比。

解决CSS样式 这时我们可以使用CSS overflow样式解决：对应样式overflow：hiddenDiv{overflow：hidden}这样设置后，假如DIV对象设置一定宽度高度，此时加入overflow：hidden将会隐藏超出DIV宽度高度的内容包括图片。

本文主要介绍了p中文字内容溢出常见的解决方法。具有很好的参考价值。来一起学习一下吧。

相关问答

Q1: 用css截取字符的几种方法详解(css排版隐藏溢出文本)_CSS/HTML

这次的案列是怎样用CSS隐藏图片背景的文字内容，我们先使用使用background背景是将图片设为背景显示；然后使用text-indent缩进是隐藏a链接内容和a链接标签是对文字设置锚文本链接。下面就是实例案列。

）。在使用的时候，有时候发现不会出现省略标记效果，经过测试发现，使用ellipsis的时候，必须配合overflow：hidden； white-space：nowrap； width：具体值；这三个样式共同使用才会有效果。

例：nav a{display：block；width：100px；height：25px；text-indent：-999px；overflow：hidden；float：left；} 其实隐藏方法也挺多的，像用透明滤镜啊或设置字体大小，颜色与背景颜色一致等方法。不过最直接还是用文本缩进的了。

适合场景：文字内容较多，确定文字内容一定会超过容器的，那么选择这种方式不错。但文字未超出行的情况下也会出现省略号，可结合js优化该方法。

Q2: 怎样让文字超出div后自动隐藏并且显示省略号

1、white-space：nowrap； 的意思是文本不会换行，文本会在在同一行上继续，直到遇到 br 标签为止。你都不换行了，设置高度有什么用。。

2、看到标题你一定很轻易就会想到截断文字加“...”的做法。哈哈，就是这样。其实写这篇日志也只是把这样方法做个记录，因为似乎还有很多人不记得碰到这样的情况该如何处理。

3、代码如下。在css内，设置div的宽度为130px，同时设置其浮动向左，居左对齐。在css内，设置div内的文字不换行，当文字超过宽度width时，隐藏文字。在css内，设置div内文字超过宽度时，以点点点代替文字显示。

4、substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。参数 start必需。要抽取的子串的起始下标。length可选。子串中的字符数。

css隐藏超过div宽度的字的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css隐藏dom、css隐藏超过div宽度的字的信息别忘了在本站进行查找喔。