App下載

html中的文字怎么靠右?文字靠右代碼分享

猿友 2021-05-24 17:17:30 瀏覽數(shù) (26130)
反饋

當(dāng)我們?cè)趯W(xué)習(xí) HTML 的過(guò)程中會(huì)出現(xiàn)不同的位置放置問(wèn)題,那么這篇文章 w3cschool 小編告訴你 怎么設(shè)置 HTML 中的文字靠右?文字靠右怎么做?

方法一:

使用?text-align?屬性可以控制,使得文字靠右,代碼和截圖如下:

<html>

<head>

<meta charset="utf-8">

<title>html中的文字怎么靠右</title>

</head>

<body>

<div style="text-align: right; background: blanchedalmond;">

這里的文字是靠右的

</div>

</body>

</html>

使用text-align的文字靠右

方法二:

使用?float?樣式,讓文字右浮動(dòng)即可,示例代碼如下:

<html>

<head>

<meta charset="utf-8">

<title>html中的文字怎么靠右</title>

</head>

<body>

<div style=" float:right; background:blanchedalmond;">

這里的文字是靠右的

</div>

</body>

</html>

使用float樣式的文字靠右浮動(dòng)

方法三:

在文本對(duì)齊的方式中我們可以使用HTML中?

?標(biāo)簽中的屬性?

align

?完成對(duì)齊方式,代碼和截圖如下:

<html>

<head>

<meta charset="utf-8">

<title>html中的文字怎么靠右</title>

</head>

<body>

<br />

<p align="right">

山有木兮木有枝,心悅君兮君不知

</p>

</body>

</html>

使用P標(biāo)簽中的align屬性的文字靠右

以上就是文章html中的文字怎么靠右的全部?jī)?nèi)容。更多 HTML 的知識(shí)和內(nèi)容學(xué)習(xí)請(qǐng)關(guān)注 w3cschool。


0 人點(diǎn)贊