其他分享
首页 > 其他分享> > css难点合集

css难点合集

作者:互联网

一.font字体

1.字体不被选中,不可复制

.noSelect {

-webkit-user-select:none;

   -moz-user-select:none;

   -ms-user-select:none;

   user-select:none;

}

2.字间距

letter-spacing: ;

二.鼠标相关

1.鼠标放上去显示小手

.logo:hover {

     cursor:pointer

  }

三,布局相关

1.同一行多个div,输入内容后发生错位

原因:同一行的行内元素对齐方式默认是底部对齐,即vertical-align:baseline​​​​​​​,对于内容为空的inline-block元素而言,该元素的基线就是它的margin底边缘,否则就是元素的内部最后一行内联元素的基线

解决:1.更换布局方法,采用float布局,考虑脱离流后后面元素不易控制,故不首选​​​​​​​

           2.改变vertical-align属性为vertical-align:top,把元素的顶端与行中最高元素的顶端对齐

标签:难点,none,vertical,align,元素,css,合集,select,user
来源: https://blog.csdn.net/yunbabac/article/details/120291602