CSS之文本溢出隱藏,不定寬高元素垂直水平居中、禁止頁面文本復制
阿新 • • 發佈:2019-01-11
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之文本溢出隱藏,不定寬高元素垂直水平居中、禁止頁面文本復制