搜索 用户中心
  • 欢迎光临三九网站目录 , 快审50元/站,快审请联系站长QQ:704918986
    当前位置 首页 > 教程收藏 > CSS教程
    CSS控制文字行距
        发布时间:2015-11-24 08:42:37    发布作者:admin

    360截图20151124083628364.jpgkSL三九网站目录

    根据黄金比例0.618,h-ui在css reset中已将全局body,th,td,button,input,select,textarea行高定为文本的1.6倍。kSL三九网站目录

    当然如果个人不喜欢,可以二次重写。kSL三九网站目录

    HTML代码

    <p class="lh-16">16像素行距</p>
    <p class="lh-18">18像素行距</p>
    <p class="lh-20">20像素行距</p>
    <p class="lh-22">22像素行距</p>
    <p class="lh-24">24像素行距</p>
    <p class="lh-26">26像素行距</p>
    <p class="lh-28">28像素行距</p>
    <p class="lh-30">30像素行距</p>

    CSS代码

    .lh-16{line-height:16px}/*16像素行距*/
    .lh-18{line-height:18px}/*18像素行距*/
    .lh-20{line-height:20px}/*20像素行距*/
    .lh-22{line-height:22px}/*22像素行距*/
    .lh-24{line-height:24px}/*24像素行距*/
    .lh-26{line-height:26px}/*26像素行距*/
    .lh-28{line-height:28px}/*28像素行距*/
    .lh-30{line-height:30px}/*30像素行距*/


    kSL三九网站目录

    最新资讯
    最新收录
    热门资讯