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

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號
国产精品第一区揄拍| 99国产精品免费视频观看| 中日韩国语视频在线观看| 亚洲av无码成人精品国产| 91精品无码久久久久久五月天| 久久精品国产亚洲av四虎| 国产色无码精品视频免费| 国产精品亚洲w码日韩中文| 日韩精品国产丝袜| 日韩好片一区二区在线看| 日韩精品一区二区午夜成人版| 久久精品日韩av无码| 亚洲精品理论电影在线观看| 精品久久久久久久无码| 亚洲精品欧洲精品| 99久久亚洲精品无码毛片| 亚洲天堂久久精品| 网友自拍区视频精品| 91精品国产自产在线观看永久∴| 久久精品99国产精品日本| 亚洲国产精品国自产拍AV| 久久精品国产亚洲综合色| 精品一卡2卡三卡4卡免费视频| 成人区精品人妻一区二区不卡| 国产一在线精品一区在线观看| 九九久久精品国产| 久久精品视频91| 国产在线精品一区二区三区不卡| 久久精品国产只有精品66| 久久久久国产成人精品亚洲午夜 | 国产精品美女WWW爽爽爽视频| 日韩一区二区在线播放| 中文日韩亚洲欧美制服| 亚洲av无码日韩av无码网站冲| 日韩色图在线观看| 日韩精品中文字幕在线观看| 日韩a在线观看免费观看| jiucao在线观看精品| 国产精品尹人在线观看| 久久99精品久久久久久9蜜桃| 久久精品一区二区三区中文字幕|