App下載

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

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

當我們在學習 HTML 的過程中會出現(xià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?樣式,讓文字右浮動即可,示例代碼如下:

<html>

<head>

<meta charset="utf-8">

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

</head>

<body>

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

這里的文字是靠右的

</div>

</body>

</html>

使用float樣式的文字靠右浮動

方法三:

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

?標簽中的屬性?

align

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

<html>

<head>

<meta charset="utf-8">

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

</head>

<body>

<br />

<p align="right">

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

</p>

</body>

</html>

使用P標簽中的align屬性的文字靠右

以上就是文章html中的文字怎么靠右的全部內(nèi)容。更多 HTML 的知識和內(nèi)容學習請關(guān)注 w3cschool


0 人點贊