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

        html怎么設置行距

        html中,可以通過style屬性,給段落元素添加“line-height:間距值;”樣式來設置行距,例“<p style="line-height:2em;"></p>”。line-height屬性用于設置行間的距離,值越大,行距就越高。

        html怎么設置行距

        本教程操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

        html設置行距

        <!DOCTYPE html> <html>  	<head> 		<meta charset="utf-8"> 	</head>  	<body> 		<p> 			這是一個標準行高的段落。<br>  			這是一個標準行高的段落。<br> 			大多數瀏覽器的默認行高約為110%至120%。<br> 		</p>  		<p style="line-height: 10px;"> 			這是一個更小行高的段落。<br>  			這是一個更小行高的段落。<br>  			這是一個更小行高的段落。<br>  			這是一個更小行高的段落。<br> 		</p>  		<p style="line-height: 2em;"> 			這是一個更大行高的段落。<br>  			這是一個更大行高的段落。 <br>  			這是一個更大行高的段落。<br>  			這是一個更大行高的段落。<br> 		</p> 	</body>  </html>

        效果圖:

        html怎么設置行距

        說明:

        line-height屬性用于設置行使用的空間量,即行間的距離。

        注:line-height屬性不允許使用負值。

        該屬性會影響行框的布局。在應用到一個塊級元素時,它定義了該元素中基線之間的最小距離而不是最大距離。

        屬性值:

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

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

        • length 設置固定的行間距。

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

        可以看出,Line-height的值設置為具體的數字值,可以是相對數值,也可以設置為絕對數值,在靜態頁面中,文字大小固定時常常使用絕對數值,而對于論壇和博客這些用戶可以自定義字體大小的頁面,通常設置為相對數值,從而,可以隨著用戶自定義的字體大小改變相應的行間距。

        推薦教程:html視頻教程、css視頻教程

        贊(0)
        分享到: 更多 (0)
        網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
        主站蜘蛛池模板: 国产精品麻豆VA在线播放| 亚洲国产精品尤物YW在线观看| 精品国产一区二区三区久久蜜臀 | 999精品视频| 亚洲国产美女精品久久久久∴ | 久久久免费精品re6| 亚洲国产婷婷综合在线精品| 日本精品一区二区三区四区| 久久精品国产一区二区三区不卡| 国产欧美精品一区二区三区四区| 久久免费国产精品一区二区| 成人国产精品一区二区网站| 国产精品无圣光一区二区| 久久精品人人槡人妻人人玩AV| 亚洲日韩一页精品发布| 亚洲精品国产日韩无码AV永久免费网| 欧美精品综合视频一区二区| 久久精品无码专区免费 | 国产精品乱伦| 国内精品国产成人国产三级| 精品国产AⅤ一区二区三区4区| 99久久精品国产一区二区蜜芽| 久久这里只有精品首页| 久久精品成人国产午夜| 91精品国产福利在线导航| 国产精品日本一区二区在线播放 | 久久精品国产亚洲AV麻豆网站| 青青草原精品99久久精品66| 久久99精品久久久久久久久久| 精品无码久久久久国产| 2022国产精品不卡a| 国产精品v欧美精品v日韩精品| 久久成人影院精品777| 国产a精品视频| 91精品视频在线| 国内精品久久久久久久coent | 一本色道久久综合亚洲精品| 亚洲AV永久精品爱情岛论坛| 久久精品国产亚洲AV无码麻豆| 久久精品亚洲中文字幕无码麻豆| 91精品最新国内在线播放|