《
两句CSS完美截断侧栏最新评论列表》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/030233D42013.htm
Tag：评论 ,
两个重要维度评估网站价值; 最新 完善 ,
两个并列的div让其根据内容自动保持同等高度; ,
专门针对IE的CSS hack;
视其父容器属性的不同，在 IE 下可能无奈截断，那么在上面两句后再跟一个 width 定义就可以了。假如不爱好一个字被切成两半，或者想多显示一行引言，可以这样做：
这里里是给每个限定高度，溢出部门截断,专访站长陈小欢：谈谈网站运营那些事。em 是一个相对的单位，调试一下选一个合适的数值，一行两行都可以实现，像下图。或者用 max-height 代替 height, 兼容性待考,专访张华：分享多年B2C网站运营经验。需要最后跟个省略号的话可以试试 text-overflow: ellipsis; 是个非标准属性。
这里是给每个 ＜li＞ 限定高度,与web设计相关的原则，让你的网页脱颖而出，溢出局部截断。em 是一个绝对的单位，调试一下选一个适合的数值，一行两行都能够实现，像下图1。或者用 max-height 取代 height, 兼容性待考。须要最后跟个省略号的话可以尝尝 text-overflow: ellipsis; 是个非尺度属性，我不试过，不晓得好不好用,不要让用户在网站中迷路。
.widget li {
height: 3.6em;
overflow: hidden;
}
图1 截断侧栏后的后果
常见的侧栏最新评论列表个别有两种格局：路人甲 发表于 某某文章，或者 路人乙：引言…… 它们都有个问题，就是换行很难把持，是非不一，有时候内容还会把页面撑破。老肥研讨了良久 CSS 手册，找到了一个合乎标准的措施，像当初我的侧栏 widget 一样，强制只显示一行,不用Cookie的仿刷新二级高亮菜单，多出来的一刀堵截，是不是有点像 Gmail 里面的预览文字？方式很简略，比方我的侧栏 widget 是 ＜DIV class="widget"＞,不得不防的友情链接, 要对它下面的 ＜LI＞进行截断，那么用下面的 CSS 来强迫不换行，溢出部分暗藏：
--> [
网站建设之]两句CSS完美截断侧栏最新评论列表
,不同环境下网站进行301重定向的代码集锦.widget li {
white-space: nowrap;
overflow: hidden;
}
(责任编辑：网站建设)
两句CSS完美截断侧栏最新评论列表相关文章