App下載

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

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

當我們在學習 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。


HTML

0 人點贊