码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2019-01-11 20:07:22      阅读:139      评论:0      收藏:0      [点我收藏+]

标签:功能   hid   文本   break   宽高   sel   dde   wrap   pre   

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之文本溢出隐藏,不定宽高元素垂直水平居中、禁止页面文本复制

标签:功能   hid   文本   break   宽高   sel   dde   wrap   pre   

原文地址:https://www.cnblogs.com/gerry2019/p/10256770.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!