1. 程式人生 > >CSS之文字溢位隱藏,不定寬高元素垂直水平居中、禁止頁面文字複製

CSS之文字溢位隱藏,不定寬高元素垂直水平居中、禁止頁面文字複製

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 }