站長資訊網
        最全最豐富的資訊網站

        css怎么調整行間距

        css調整行間距的方法:可以利用line-height屬性來調整行間距,如【p.big {line-height:200%;}】,表示將行間距調整為基于當前字體尺寸的百分之兩百。

        css怎么調整行間距

        本文操作環境:windows10系統、css 3、thinkpad t480電腦。

        在css中,如果我們需要調整文字之間的行距,可以使用line-height屬性,該屬性可以設置以百分比計的行高。

        注意:負值是不允許的。

        屬性值:

        • normal 默認。設置合理的行間距。

        • number 設置數字,此數字會與當前的字體尺寸相乘來設置行間距。

        • length 設置固定的行間距。

        • % 基于當前字體尺寸的百分比行間距。

        • inherit 規定應該從父元素繼承 line-height 屬性的值。

        代碼示例:

        <!DOCTYPE html> <html> <head> <meta charset="utf-8">  <title>php.cn</title>  <style> p.small {line-height:70%;} p.big {line-height:200%;} </style> </head>  <body> <p> 這是一個標準行高的段落。<br> 這是一個標準行高的段落。<br> 大多數瀏覽器的默認行高約為110%至120%。<br> </p>  <p class="small"> 這是一個更小行高的段落。<br> 這是一個更小行高的段落。<br> 這是一個更小行高的段落。<br> 這是一個更小行高的段落。<br> </p>  <p class="big"> 這是一個更大行高的段落。<br> 這是一個更大行高的段落。<br> 這是一個更大行高的段落。<br> 這是一個更大行高的段落。<br> </p>  </body> </html>

        (學習視頻分享:css視頻教程)

        運行結果:

        css怎么調整行間距

        贊(0)
        分享到: 更多 (0)
        網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
        主站蜘蛛池模板: 久久免费精品一区二区| 国产A级毛片久久久精品毛片| 欧美精品亚洲精品日韩专区va | 国产精品666| 亚洲国产成人久久精品99| 久久久久久久99精品免费观看| 亚洲中文精品久久久久久不卡 | 99精品久久久久久久婷婷| 国产成人精品无码免费看 | 国产精品国产高清国产专区| 69堂国产成人精品视频不卡| 中文字幕精品久久久久人妻| 精品国产婷婷久久久| 亚洲精品理论电影在线观看| 2021最新国产精品网站| 人人妻人人澡人人爽人人精品| 亚洲欧美国产精品第1页| 九色精品视频在线观看| 成人免费精品网站在线观看影片| 成人久久精品一区二区三区| 国产精品免费看久久久| 亚洲国产精品嫩草影院在线观看 | 国产精品视频免费观看| 精品视频无码一区二区三区 | 亚洲国产综合精品中文字幕| 久久久久九九精品影院| 国产精品哟女在线观看| 国产AⅤ精品一区二区三区久久| 国内精品久久国产大陆| 97久久超碰国产精品2021| 精品一区二区三区在线观看视频| 无码精品视频一区二区三区| 亚洲欧美日韩另类精品一区二区三区| 久久国产综合精品五月天| 国产色婷婷精品综合在线| 国产美女精品视频| 国内精品久久久久久久久电影网| 国产精品亚洲玖玖玖在线观看| 国产精品国产三级国产| 国产精品亚洲一区二区在线观看| 国产乱子伦精品无码专区|