• <blockquote id="opgzb"><th id="opgzb"></th></blockquote>
  • <track id="opgzb"></track>
      <table id="opgzb"></table>
    1. <optgroup id="opgzb"><menu id="opgzb"><pre id="opgzb"></pre></menu></optgroup>

              HTML如何讓文字居中?附兩種方式

              猿友 2021-03-11 16:02:56 瀏覽數 (104637)
              反饋

              我們在編寫一個網頁時,經常需要將文字居中。那么這篇文章小編教你HTML如何讓文字居中。

              方法一、<p></p>標簽和<h></h>居中

              <p></p>標簽和<h></h>標簽中可以直接添加align="center"樣式,使文字居中。具體代碼如下:

              <body>
              	<p align="center">w3cschool--編程獅</p>
              	<h1 align="center">w3cschool--編程獅</h1>
              	<h2 align="center">w3cschool--編程獅</h2>
              	<h6 align="center">w3cschool--編程獅</h6>
              	
              </body>

              最終效果如下:

              center

              方法二、div內文字居中

              如果想要令 div 內的文字居中顯示,則需要通過設置文字的行高進行設置。具體代碼如下:

              <!DOCTYPE html>
              <html lang="en">
              <head>
              	<meta charset="UTF-8">
              	<title>w3cschool - 編程獅,隨時隨地學編程</title>
              	<style type="text/css">
              		div{
              			height: 200px;
              			width:200px;
              			background-color: #dea46b;
              			text-align: center; 
              			line-height: 200px;/*文字水平居中*/
              			margin:auto;/*div水平居中*/
              		}
              	</style>
              </head>
              <body>
              	<div class="box3">w3cschool--編程獅</div>
              </body>
              </html>

              try

              最終效果如下:

              center1

              以上就是HTML如何讓文字居中的全部內容。更多HTML的學習請關注 W3Cschool 官網。


              3 人點贊

              99在线精品国自产拍不卡_国产 日产 欧美最新_久久综合网丁香五月_嘟嘟韩剧网_卫生间开车视频疼痛有声音