CSS之文本溢出隐藏,不定宽高元素垂直水平居中、禁止页面文本复制

时间:2022-03-07 20:56:23

1、如何让不固定元素宽高的元素垂直水平居中

 .center {
position: absolute;
top: 50%;
left: 50%;
background-color: #000;
width:50%;
height: 50%;
transform: translateX(-50%) translateY(-50%);
}

flex布局写法:

  .center{
display:flex;
justify-content:center
align-items:center;
}

2、禁止div复制功能

 unselectable="on" onselectstart="return false;"

3、设置文字的溢出隐藏效果

 td{
max-width:125px;
overflow:hidden;
white-space:nowrap !important;
text-overflow:ellipsis;
word-break: break-all;
}