1. 程式人生 > >CSS之文本溢出隱藏,不定寬高元素垂直水平居中、禁止頁面文本復制

CSS之文本溢出隱藏,不定寬高元素垂直水平居中、禁止頁面文本復制

turn idt pac false isp display lse enter position

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

1 .center {
2    position: absolute;
3    top: 50%;
4    left: 50%;
5    background-color: #000;
6    width:50%;
7    height: 50%;
8    transform: translateX(-50%) translateY(-50%);
9 }

flex布局寫法:

1  .center{
2     display:flex;
3     justify-content:center
4     align-items:center;
5
}

2、禁止div復制功能

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

3、設置文字的溢出隱藏效果

1 td{
2    max-width:125px;
3    overflow:hidden;
4    white-space:nowrap !important;
5    text-overflow:ellipsis;
6    word-break: break-all;
7 }

CSS之文本溢出隱藏,不定寬高元素垂直水平居中、禁止頁面文本復制