129
2020-09-01 15:33:28 129阅读 0喜欢
  • 为什么要清除浮动?清除浮动的方式?

  • 清除浮动是为了清除使用浮动元素产生的影响。浮动的元素,高度会塌陷, 而高度的塌陷使我们页面后面的布局不能正常显示。

  • ① 额外标签法(在最后一个浮动标签后,新加一个标签,给其设置clear: both;)(不推荐)

    • 优点:通俗易懂,方便
    • 缺点:添加无意义标签,语义化差
  • ② 父级添加 overflow 属性(父元素添加 overflow: hidden)(不推荐)

    • 优点:代码简洁
    • 缺点:内容增多的时候容易造成不会自动换行,导致内容被隐藏掉,无法显示要溢出的元素
  • ③ 使用 after 伪元素清除浮动 (推荐使用)

783访问人次
Camila Waz 2022-01-22 18:22:10
64
2019-11-19 11:21:55 64阅读 0喜欢
/*清除谷歌记住密码后input改变样式*/
 input:-webkit-autofill {
    /*input 背景色     #0C2034根据自己需要替换*/
    transition: background-color 5000s ease-in-out 0s;
    /*input字体颜色 颜色根据自己要求替换*/
    -webkit-text-fill-color: #FFFFFF !important;
}
2019-07-27 14:34:39 89阅读 0喜欢
145
2018-08-31 10:46:10 145阅读 0喜欢

css文字单行省略号

overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

css文字多行省略号

overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
45
2018-08-15 09:13:14 45阅读 0喜欢

less表达式动态循环遍历padding标签

.padding(@counter) when (@counter > 0) {
    .padding((@counter - 1));
  .padding-@{counter}{
      padding: (0px+@counter);
  }
}
.padding(10); // launch the loop