欢迎来到山村网

Td或Div文字超出宽度的CSS隐藏方法

2019-03-29 01:35:44浏览:907 来源:山村网   
核心摘要:  当我们定义了Divwidth后,里面的内容有可能比较多,会超出来,将div或表格撑的大大的,变形了影响网页美观,介绍一种方法,

  当我们定义了Div width后,里面的内容有可能比较多,会超出来,将div或表格撑的大大的,变形了影响网页美观,介绍一种方法,用CSS强制隐藏掉多余的内容并自动显示省略号,比如下面这段HTML的定义方法:

Td或Div文字超出宽度的CSS隐藏方法  山村

  在上面的CSS代码中,text-overflow:ellipsis指当对象文本溢出时显示省略号标记(...),text-overflow:clip是默认取值,不会显示省略标记(...),而是裁切掉多余内容。不过还要注意,在CSS代码中:

  overflow: hidden;

  text-overflow:ellipsis;

  white-space:nowrap;

  这3个定义一定要一起用,一定要给容器设置宽度,一定要给table(或者其他容器)定义table-layout:fixed;只有定义了表格的布局算法为fixed,下面td的定义才能起作用!

(责任编辑:豆豆)
下一篇:

一个优秀的交互设计师是怎样练成的?

上一篇:

各浏览器下字体排版一致的问题

  • 信息二维码

    手机看新闻

  • 分享到
打赏
免责声明
• 
本文仅代表作者个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们 xfptx@outlook.com