美文网首页
css--文字不换行 隐藏文字显示…

css--文字不换行 隐藏文字显示…

作者: 曹锦花 | 来源:发表于2019-06-18 12:30 被阅读0次

    css--文字不换行 隐藏文字显示…

    <p style="text-overflow:ellipsis; overflow: hidden; height:24px; text-align:left">{{formValidate.resourceUrlAndroid}}</p>
    
    

    强制换行

      textarea.ivu-input {
        white-space: normal !important;
      }
    

    iview气泡提示语背景填充黑色
    下拉框的placeholder字体改为灰色

      .ivu-select-placeholder{
        color: #bebebe !important;
      }
    
      .ivu-poptip-inner{
        display: block;
        background: #5a5a5a !important;
      }
    .ivu-poptip-arrow:after{
          border-top-color: #5a5a5a !important;
    }
    .ivu-poptip-body-content-inner {
        color: #fff;
    }
    

    position

    static: 默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)
    absolute: 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。
    fixed: 生成绝对定位的元素,相对于浏览器窗口进行定位。
    relative: 生成相对定位的元素,相对于其正常位置进行定位。

    //vertical-align 设置元素的垂直对齐方式。
    .succs img{
      vertical-align: -4px;
    }
    //flex布局
    .num{
      display: flex;
      align-items: center;
    }
    //解决表格中 英文不换行问题
    word-break: break-word
    //对第N个元素做特殊处理
    .con .dlstyle dl:last-child {
        border-bottom: none;
    }
    

    相关文章

      网友评论

          本文标题:css--文字不换行 隐藏文字显示…

          本文链接:https://www.haomeiwen.com/subject/imtfqctx.html