回覆列表
  • 1 # Afczdgv

    讓html a標籤中的文字居中對齊方法如下:

    1、首先我們開啟自己的電腦,找到已經安裝好的Dreamweaver,新建一個html頁面,並儲存到桌面上。

    2、然後我們在html的編輯視窗,編輯元素,使其中顯示若干文字,我是用的div標籤進行佈局顯示的。

    3、其在瀏覽器中的顯示效果如下圖所示,我們可以很清晰的看到,文字明顯的靠上靠左對齊。

    4、接下來我們就需要為文字元素新增一定的對齊方式,首先我們讓其居中對齊,即使用text-align:center。

    5、使用之後在瀏覽器中進行效果檢視,可以很清楚的看到,文字相對於之前靠右對齊了。

    6、我們可以從上一個圖中看到,文字在垂直方向上還是不對齊的,接下來我們就需要為文字新增垂直對齊樣式,line-height,我們需要將這一樣式的大小設為文字外層元素的高度大小,這樣便可正好垂直居中對齊了。

    7、接下來我們重新整理瀏覽器中的頁面,檢視效果,現在的文字已是垂直水平均居中的狀態。

  • 中秋節和大豐收的關聯?
  • 擼網貸真的沒有後顧之憂嗎?