开心学习
当前位置：Web前端 > > 正文

为什么做排版老出错（关于排版中经常见的问题及解决方法分享）

时间：2022-01-19 00:24:13类别：Web前端

为什么做排版老出错

关于排版中经常见的问题及解决方法分享

关于排版中经常见的问题及解决方法(分享)

  • CSS Code复制内容到剪贴板
    1. /*去除默认样式*/  
    2. -webkit-appearance:none;   
    3. /*去掉手机上a、input和button点击时的蓝色外边框和灰色半透明背景  
    4. 解决方案1:*/  
    5.     
    6. a,button,input,optgroup,select,textarea, li {   
    7.     -webkit-tap-highlight-color:rgba(0,0,0,0);   
    8. }   
    9.     
    10. /*解决方案2:  
    11. 以下是我的css,你的问题看最后一条；*/  
    12. :root *,body *{   
    13.   
    14.     -webkit-touch-callout: none;//长按菜单   
    15.   
    16.     -webkit-text-size-adjust:none;//停用字体优化   
    17.   
    18.     -webkit-appearance: none;//form控件重置样式   
    19.   
    20.     -webkit-tap-highlight-color: transparent;//点击高光   
    21.   
    22.     -webkit-user-drag: none;//停用拖动   
    23.   
    24.     -webkit-user-select : none;//停用用户选择   
    25.   
    26. }   
    27. /*input   placeholder 颜色*/  
    28. input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {   
    29.      color:    #666;   
    30. }   
    31. input:-moz-placeholder, textarea:-moz-placeholder {   
    32.      color:    #666;   
    33. }   
    34. input::-moz-placeholder, textarea::-moz-placeholder {   
    35.      color:    #666;   
    36. }   
    37. input:-ms-input-placeholder, textarea:-ms-input-placeholder {   
    38.      color:    #666;   
    39. }   
    40. /*css超出...显示*/  
    41. display:block;whitewhite-space:nowrap; overflow:hidden; text-overflow:ellipsis;  

    • 以上这篇关于排版中经常见的问题及解决方法(分享)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持开心学习网。

    标签：
    排版
    上一篇下一篇

    猜您喜欢

    热门推荐

    © 2021 开心学习