Css
关注
分享
扫一扫
清风掠影_XQ
一个兼职敲键盘的业务员
展开
-
CSS实现简易步骤
先上效果图html内容： 用户信息 孩子信息 孩子父母 完成提交'添加样式：.steps { position: relative; margin-bottom: 30px; counter-reset: step; /*创建步骤数字计数器*/}/*步骤描述*/.steps li { list-style-type:原创 2017-09-25 16:01:52 · 9592 阅读 · 6 评论 -
纯DIV+CSS实现进度条
效果图：进度条测试 .progress { overflow: hidden; height: 20px; margin-bottom: 20px; margin-top: 20px; margin-left: 30px; background-color: #f7f7f7; background-image: -moz-linea原创 2017-09-26 10:26:28 · 8313 阅读 · 1 评论 -
input 标签placeholder文字居中
input::-ms-input-placeholder{ text-align: center;}input::-webkit-input-placeholder{ text-align: center;}原创 2017-12-27 14:45:26 · 29411 阅读 · 2 评论 -
Css样式实现元素宽度百分比，高度和宽度相等
移动端布局，有时候需要几个元素平分屏幕宽度，但是又想让该元素的高度和宽度相等，那么可以采用以下方式： test div原创 2018-01-11 17:12:09 · 4672 阅读 · 0 评论 -
css 实现多行超出省略号代替
有时候div宽度是固定的，但是在div里的内容又很长，这个时候会有超出固定行数的文字用省略号代替，而CSS完全可以实现此功能，如下：display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;如果div只是一行那么可以用以下方式：width: 50%;ove原创 2017-09-25 15:13:55 · 412 阅读 · 0 评论 -
CSS隐藏div滚动条
要想实现div滚动效果，但又不想保留滚动条，采用以下方式： test.test_div::-webkit-scrollbar { display:none }原创 2018-01-26 16:14:09 · 619 阅读 · 0 评论 -
div+css实现div每行显示N列，超出换行
默认情况下，div是一个元素就换一行，要实现每行中显示固定的列，比如两列。1、已知只有一行，那么两个元素分别用float属性就可以实现两列<div style="width: 100%; column-count: 2;column-gap: 3px;padding: 0px;"> <div>first div</div> &...原创 2018-01-08 14:25:30 · 7682 阅读 · 0 评论