css
ZHWenDong
这个作者很懒,什么都没留下…
展开
-
css头像堆叠
用flex来布局,设置justify-content: center <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .gorup{ display: flex; flex-wrap: wrap; width: 240px; justi原创 2021-09-01 09:48:08 · 1712 阅读 · 0 评论 -
css让文本自动填充指定宽度
.text{ width:100px; display:block; text-align:justify; text-align-last:justify; }原创 2019-11-06 17:38:21 · 2013 阅读 · 0 评论 -
position: relative;和position: absolute;冲突问题
在做小程序项目的时候,发现使用定位后页面和自己想的不一样,后来发现定位顺序这样会冲突: position: absolute; position: relative; 把顺序掉一下就没问题了: position: relative; position: absolute; ...原创 2019-07-29 09:38:52 · 680 阅读 · 0 评论 -
overflow: auto;没有惯性的问题
要想使有overflow: auto;的盒子有滚动的惯性,需加以下代码: -webkit-overflow-scrolling : touch;原创 2019-07-29 14:23:30 · 2715 阅读 · 0 评论 -
css自定义单选框
html+css自定义单选框 input[type="radio"] + label{ display: block; width: 18px; height: 18px; border: 1px solid #999; cursor: pointer; } input[type="radio"]:checked + label{ width: 20px; height: 20px; ...原创 2019-07-30 16:16:30 · 258 阅读 · 0 评论 -
css实现定位居中
css实现定位居中 方法一: width: 600px; height: 400px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); 方法二: width: 600px; height: 400px; position: absolute; left: 0; top: 0; right:...原创 2019-07-22 15:42:35 · 4989 阅读 · 0 评论 -
css超出部分显示...
css超出部分显示… 单行超出部分显示… overflow: hidden; text-overflow:ellipsis; white-space: nowrap; 多行超出部分显示… display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; ...原创 2019-07-22 15:49:25 · 24657 阅读 · 0 评论