随笔分类 -  CSS

css实现屏幕宽(高)等分
摘要：不上代码，只写思路 1、百分比，设置宽（高）固定百分比 2、使用display: table；父元素设置display: table;，子元素设置display：table-cell; 3、使用display: flex；父元素设置display: flex;，子元素设置flex: 1; 使用2、3 阅读全文
posted @ 2022-11-26 20:28 泽东玩乾坤 阅读(353) 评论(0) 推荐(0)
css文字溢出变省略号（单行、多行）及数字、字母折行显示
摘要：每次用到都要查，自己做一个记录 1、单行文字超出用"..."显示: overflow: hidden; text-overflow:ellipsis; white-space: nowrap; 2、多行文字 display: -webkit-box; -webkit-box-orient: vert 阅读全文
posted @ 2021-06-23 15:23 泽东玩乾坤 阅读(1100) 评论(0) 推荐(0)
没有宽高的情况下实现水平垂直居中
摘要：一、 .main { width: 300px; height: 500px; background-color: #50ba8b; position: relative; } .content { width: 100px; height: 100px; background-color: #5b 阅读全文
posted @ 2019-09-17 22:23 泽东玩乾坤 阅读(463) 评论(0) 推荐(0)