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;
}