找回密码
 注册
搜索
热搜: 回贴
  • 前程无忧官网首页 有什么好的平台可以
  • 最新的销售平台 互联网营销的平台有哪
  • 制作网页的基本流程 网页制作和网页设
  • 【帝国CMS】输出带序号的列表(数字排
  • 网站建设公司 三一,中联,极东泵车的
  • 织梦 建站 织梦网站模版后台怎么更改
  • 云服务官网 哪些网站有免费的简历模板
  • 如何建网站要什么条件 建网站要用什么
  • 吉林市移动公司电话 吉林省退休人员网
  • 设计类毕业论文 网站设计与实现毕业论
查看: 10604|回复: 1

css自动隐藏超出内容

[复制链接]
发表于 2009-11-29 01:30:35 | 显示全部楼层 |阅读模式 IP:江苏扬州
在很多时候,比如一条记录我们设定它得宽度是10px, 但实际类容远远比10px宽,我们就需要把多余得内容隐藏起来,看下面得例子,你能轻易得做到这点。ken's blog
代码
overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
将此属性定义到li,同时定义li的宽度
可以达到这样的目的: 超出宽度自动隐藏.
如:
<ul>
<li style="overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:120px;">css学习博客,css超出宽度隐藏</li>
<li>谢谢光临</li>
<ul>
高度的限制
<div style="height:80px; overflow:hidden"> </div>
您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|最新主题|手机版|微赢网络技术论坛 ( 苏ICP备08020429号 )

GMT+8, 2024-10-1 17:26 , Processed in 0.187132 second(s), 12 queries , Gzip On, MemCache On.

Powered by Discuz! X3.5

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表