标签：难点 none vertical align 元素 css 合集 select user

一.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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。