div超出部分隐藏div部分的内容不显示怎么办

来源：蜘蛛抓取(WebSpider) 时间：2016-01-09 13:40 标签： div内容超出滚动条
一行文字超过div宽度的时如何让它不换行
核心提示：当一行文字超过div宽度的时候，浏览器中默认是让它换行显示的，如果不想让它换行显示那要怎么办，下面有个不错的方法，大家不妨尝试下当一行文字超过div宽度的时候，浏览器中默认是让它换行显示的，如果不想让他换行显示那要怎么办呢？ 我想大家首先想到的办法就是用截断文字加&...&的做法。 现在我所说的方法则是采用CSS的方法实现： 代码如下: display:/*内联对象需加*/ width:100 word-break:keep- /* 不换行 */ white-space: /* 不换行 */ overflow: /* 内容超出宽度时隐藏超出部分的内容 */ text-overflow: /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:一起使用。*/点评：当一行文字超过p或者Table的宽度的时候，浏览器中默认是让它换行显示的，如果我们不想让他换行显示那要怎么办呢，下面为大家介绍下如何设置p+CSS设置一行内文字超过宽度不换行且不显示 ！
当一行文字超过p或者Table的宽度的时候，浏览器中默认是让它换行显示的，如果我们不想让他换行显示那要怎么办呢？看到这个标题很容易就会想到截断文字加&...&的做法。&
一般的文字截断(适用于内联与块)：&
==============CSS================&
复制代码代码如下:
.text-overflow{&
display:/*内联对象需加*/&
word-break:keep-/* 不换行 */&
white-space:/* 不换行 */&
overflow:/* 内容超出宽度时隐藏超出部分的内容 */&
text-overflow:/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:一起使用。*/&
=================================&
对于表格的话，定义有一点不一样：&
==============CSS================&
复制代码代码如下:
table-layout:/* 只有定义了表格的布局算法为fixed，下面td的定义才能起作用。 */&
width:100%;&
word-break:keep-/* 不换行 */&
white-space:/* 不换行 */&
overflow:/* 内容超出宽度时隐藏超出部分的内容 */&
text-overflow:/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:一起使用。*/&
=================================&
注：这个东东只对单行的文字的效，如果你想把它用在多行上，也只有第一行有作用的。 这个写法只有IE会有&...&，其它的浏览器文本超出指定宽度时会隐藏。&
最新图文资讯
相关文章列表:
站长圈推荐文章
　-　 　-　 　-　 　-　 　-　 　-　收藏，902 浏览
问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
使用fixed固定一个div，当这个div高度大于视口高度后，超出的内容无法滑动被看到。
该怎么办呐？
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
fixed本来就是相对当前视窗定位的。你还要让他超过大小。。。一定要这么弄的话，给这个DIV本身加个overflow:scroll，然后应该就可以内部拖动了。。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
昨天写代码遇到了这个问题。这个问题的本质在于，fix的div覆盖了原来div的显示。我解决的方法是对隐藏的div增加下面的示例代码，其中高度是fix的div高度或略大于div的高度。
div:after {
content: '';
height: 100
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
超出后把div height重新分配一个比例的值；并且overflow:auto
同步到新浪微博
分享到微博？
与我们一起探索更多的未知
专业的开发者技术社区，为用户提供多样化的线上知识交流，丰富的线下活动及给力的工作机会
加入只需一步
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要举报该，理由是：
扫扫下载 App
SegmentFault
一起探索更多未知所有回答(5)
你想干什么？
园豆：6425
这个设置div自动的出滚动条就行了呀
楼上是正解，如果你不想让他出现滚动条的话，你可以吧他的height：auto啊
对啊，同意楼上的！
如果不想出现滚动条，而是显示两个按钮，分别代表向下或向上的怎么做啊？ 我现在正遇到这种问题 因为美工说出现滚动条不候看，如果超过div的范围，就出现那两个向下或向上的按钮，点击它们，分别用jquery实现向下或向上走~
&&&您需要以后才能回答，未注册用户请先。

我要回帖

更多关于 div内容超出滚动条 的文章

 

随机推荐