css3flexbox布局实现元素垂直水平居中 Flex垂直水平居中<div class="flex"> Flex垂直水平居中 </div><style> .flex{ font-size: 25px; height: 200px; border: 1px solid black; display: flex; align-items: center; justify-content: center; </style>

html 单选框placeholder及字体颜色设置 html 单选框placeholder及字体颜色设置.deal_sell4 input{ text-align: right; color: #555; font-size: 0.92rem; } .deal_sell4 input::-webkit-input-placeholder{ font-size: 0.88rem; color: #cccccc;} .deal_sell4 input:-moz-placeholder{ font-size: 0.88rem; color: #cccccc;} .deal_sell4 input::-moz-placeholder{ font-size: 0.88rem; color: #cccccc;} .deal_sell4 input:-ms-input-placeholder{ font-size: 0.88rem; color: #cccccc;}

使用css截取字符串，保留省略号 文字过多，可以使用css来截取字符串，保留省略号，兼容性也是最好的。<p class="p1">哈哈哈哈哈哈哈哈哈哈或或或或或或或或或或或或或或或或或或或或或</p> <p class="p2">啦啦啦啦啦啦啦拉拉阿拉啦啦啦阿拉啦啦啦啦啦啦啦啦</p> <style> 显示一行，超出隐藏，保留省略号 .p1{ width:20rem; font-size: 1.6rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; } 截取两行，超出隐藏，保留省略号 .p2{ color: #999; overflow: hidden; line-height: 1.4; margin: .3rem 0; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; } </style>

如何使用css给网站图片加灰色 2020年4日4，为表达全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞的深切哀悼，国务院发布公告，决定2020年4月4日举行全国性哀悼活动。从4月3日下午起，娱乐诸多网站自发更换灰色，以悼念逝者，致敬英雄，你发现，生活常见的网站以及app都变成灰色，现在来说下说是如何实现的。网站设置灰色html{ -webkit-filter: grayscale(100%); /* webkit */ -moz-filter: grayscale(100%); /*firefox*/ -ms-filter: grayscale(100%); /*ie9*/ -o-filter: grayscale(100%); /*opera*/ filter: grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); filter:gray; /*ie9- */ }

html,css 如何设置input的placeholder样式 html,css 如何设置input的placeholder样式，在做前端开发时，如果想写对input设置字体，文字大小，颜色等，我们该如何设置呢？通过如下设置兼容主流浏览器：-webkit-input-placeholder /* WebKit browsers */input::-moz-placeholder /* Mozilla Firefox 19+ */input::-ms-input-placeholder /* Internet Explorer 10+ */以下是个简单的例子，对input设置字体颜色和字体大小，如果需要其他的样式，加入即可。.rj_zyyform input::-webkit-input-placeholder { /* WebKit browsers */ color: #7f7f7f; font-size: 0.96rem; } .rj_zyyform input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #7f7f7f; font-size: 0.96rem; } .rj_zyyform input::-ms-input-placeholder { /* Internet Explorer 10+ */ color: #7f7f7f; font-size: 0.96rem; }