可以用css实现裁剪功能么？

plglenn5 2009-11-10 01:23:36

http://www.shuangyongjulebu.com/yikatong/newsinfo.aspx?SubPage=yes&ec_Id=1&area=徐州市区

...全文

145 16 打赏收藏转发到动态举报

写回复

用AI写文章

16 条回复

切换为时间正序

请发表友善的回复…

发表回复

街头小贩 2009-11-10

打赏
举报

在ie6，有问题
re:
用的是height,还是line-height

sohighthesky 2009-11-10

打赏
举报

把li的高度设小，要行距的话用li的margin-top或者margin-bottom

sohighthesky 2009-11-10

打赏
举报

[Quote=引用 12 楼 plglenn5 的回复:]

[/Quote]
高度设小点，

sohighthesky 2009-11-10

打赏
举报

[Quote=引用 11 楼 plglenn5 的回复:]
http://www.shuangyongjulebu.com/yikatong/newsinfo.aspx?SubPage=yes&ec_Id=1&area=徐州市区

在ie6，有问题
[/Quote]
。。。标题还是Untitled Page
貌似url中有汉字ie tester无法显示

plglenn5 2009-11-10

打赏
举报

plglenn5 2009-11-10

打赏
举报

http://www.shuangyongjulebu.com/yikatong/newsinfo.aspx?SubPage=yes&ec_Id=1&area=徐州市区

在ie6，有问题

草根醉秋意 2009-11-10

打赏
举报



    <ul style="list-style: none;">

        <li id="div" style="width: 300px; height: 100px; overflow: hidden; border: 1px solid #ccc;">

            <img src="http://i3.6.cn/cvbnm/58/8f/4b/48affa538a0706e5f5730a82d584618e.jpg" style="margin-top: -10px;

                margin-left: -30px;" alt="" />

        </li>

    </ul>

街头小贩 2009-11-10

打赏
举报

li{width:400px;line-height:30px;overflow-y:hidden;}

plglenn5 2009-11-10

打赏
举报

一个li元素可以吧保留一行，400像素，超出用东西遮住

sohighthesky 2009-11-10

打赏
举报

[Quote=引用 5 楼 plglenn5 的回复:]
保留一行，400像素，超出用东西遮住
[/Quote]
需求真奇怪，css可能达不到，js都不好做

sohighthesky 2009-11-10

打赏
举报

[Quote=引用 3 楼 plglenn5 的回复:]
超长遮掉
[/Quote]
设置宽度overflow:hidden;水平就是overflow-x:hidden;

plglenn5 2009-11-10

打赏
举报

保留一行，400像素，超出用东西遮住

草根醉秋意 2009-11-10

打赏
举报



 <div id="div" style="width:300px;height:100px; overflow:hidden; border:1px solid #ccc;">

       <img src="http://i3.6.cn/cvbnm/58/8f/4b/48affa538a0706e5f5730a82d584618e.jpg" style="margin-top:-10px;margin-left:-30px;" alt="" /> 

    </div>

plglenn5 2009-11-10