为什么要清除浮动?清除浮动的方式?
清除浮动是为了清除使用浮动元素产生的影响。浮动的元素,高度会塌陷, 而高度的塌陷使我们页面后面的布局不能正常显示。
① 额外标签法(在最后一个浮动标签后,新加一个标签,给其设置clear: both;)(不推荐)
② 父级添加 overflow 属性(父元素添加 overflow: hidden)(不推荐)
③ 使用 after 伪元素清除浮动 (推荐使用)
/*清除谷歌记住密码后input改变样式*/
input:-webkit-autofill {
/*input 背景色 #0C2034根据自己需要替换*/
transition: background-color 5000s ease-in-out 0s;
/*input字体颜色 颜色根据自己要求替换*/
-webkit-text-fill-color: #FFFFFF !important;
}
css文字单行省略号
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
css文字多行省略号
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
less表达式动态循环遍历padding标签
.padding(@counter) when (@counter > 0) {
.padding((@counter - 1));
.padding-@{counter}{
padding: (0px+@counter);
}
}
.padding(10); // launch the loop