分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

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

发布时间:2023-09-06 02:29责任编辑:董明明关键词: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:center4 ????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之文本溢出隐藏,不定宽高元素垂直水平居中、禁止页面文本复制

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved