[技术交流] 求实现这个效果的css代码，自己弄的出错了 [复制链接]
查看:2548 | 回复:5

阅读模式 · 发表于 2014-10-7 00:09:55

想实现的效果是标题超过固定宽度后，超出部分隐藏起来，我自己弄的没效果，还是撑破了，求大神帮看下，谢谢！

<dl class="links8 top20">
<dt><a href="" target="_blank" title=""><img src="" width="140" height="83" alt="" /></a>
<span class="pic_title">古代皇帝特殊癖好(图)古代皇帝特</span>
</dt>
<dd>
<a href="" target="_blank" title=""><img src="" width="140" height="83" alt="" /> </a>
<span class="pic_title">老兵揭露抗战惊天内幕古代皇帝特</span>
</dd>
</dl>

复制代码

.links8{ float:left; width:300px;}
.links8 dt,.links8 dd{ width:140px; height:123px; float:left; text-align:center; line-height:30px; font-size:14px;}
.links8 dd{ float:right;}
.pic_title {width: 140px;height:40px;text-align: center;overflow: hidden;}

复制代码

syxxz · 发表于 2014-10-7 00:09:56

span CLASS 加快

.pic_title {display:block;width: 140px;height:40px;text-align: center;overflow: hidden;}

复制代码

落英缤纷 · 发表于 2014-10-7 00:15:44

直接去那个站上扒CSS就行了

发表于 2014-10-7 00:22:09

落英缤纷发表于 2014-10-7 00:15
直接去那个站上扒CSS就行了

扒的站没有那个效果，我自己现在想添加，一直实现不了

6688 · 发表于 2014-10-7 07:23:58

height:40px; 改成20PX

发表于 2014-10-7 09:51:48

6688 发表于 2014-10-7 07:23
height:40px; 改成20PX

直接改宽度不可以的，楼主的代码可用，谢谢