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

2019-06-18  本文已影响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;
}
上一篇下一篇

猜你喜欢

热点阅读