zoukankan      html  css  js  c++  java
  • css设置超出部分文档隐藏(在table标签中不好使解决方案在下)

    css设置:
    .text-over{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;cursor: pointer}
    div设置:
    <div title="简约大气 经典设计 超高性价比 1.8米环保皮艺双人床床超高性价比 1.8米环保皮艺双人床床" class="text-over">简约大气 经典设计 超高性价比 1.8米环保皮艺双人床床超高性价比 1.8米环保皮艺双人床床</div>
    注:
    1. verflow: hidden;//超过指定的宽度和高度也隐藏
                display: inline-block;//块级元素显示在这一行,不换行,其他块级元素也可以显示在这一行


              white-space: nowrap; 所有的文本都显示在这一行


           text-overflow: ellipsis; 多余的文本用省略号显示
    2:当在table当中使用时可能存在不好使
    解决方法:在table样式中添加:
    table-layout: fixed;来解决
     
  • 相关阅读:
    urlencode 和 rawurlencode 的区别
    magic_quotes_gpc
    变量的值是多少
    git diff patch
    drupal前端开发的第一点
    git drupal eclipse
    spm总结
    features block
    alu features menu
    git reset 理解
  • 原文地址:https://www.cnblogs.com/lst619247/p/8145423.html
Copyright © 2011-2022 走看看