HTML - align 属性 - 365bet体育平台 - 365bet网址开户-365bet体育平台-365bet体育投注地

HTML algin 属性用于指定 HTML 元素中内容的对齐方式（居中、左对齐或右对齐）。

但是，在现代 HTML 中，align 属性已被弃用，取而代之的是使用 CSS 进行布局和对齐。CSS 是现代 Web 开发中设置元素样式和定位元素的标准方式，因为它提供了对齐和显示的更精确的控制。

语法

适用于

下面列出的元素允许使用 HTML align 属性。

元素

描述

HTML 标签用于在文档中附加图像。

HTML

标签允许我们通过提供行和列工具以有组织的方式放置数据。

</p> <p>HTML <iframe> 是一个内联框架，允许我们在当前 HTML 文档中嵌入另一个文档。</p> <p><caption></p> <p>HTML <caption> 标签用于指定表元素的标题。</p> <p><col></p> <p>HTML <col> 标签用于提供有关列的信息。</p> <p><applet></p> <p>HTML <applet> 标签用于在 HTML 文档中嵌入 Java 小程序。</p> <p><colgroup></p> <p>HTML <colgroup> 标签用于描述表中一列或多列的集合，以便进行格式设置。</p> <p><hr></p> <p>HTML <hr> 标签用于在网页上创建水平线。</p> <p><legend></p> <p>HTML <legend>标签用于指定fieldset元素的标题。</p> <p><tbody></p> <p>HTML <tbody>标签用于在 HTML 表中创建一个单独的语义块，用于定义表的正文内容。</p> <p><td></p> <p>HTML <td>标签用于定义表的数据单元格，并用作 tr 元素的子元素。</p> <p><tfoot></p> <p>HTML <tfoot>标签用于对 HTML 表中的页脚内容进行分组。</p> <p><th></p> <p>HTML <th> 标签指定 HTML 表格的标题单元格。</p> <p><thead></p> <p>HTML <thead> 标签用于对HTML表的标题内容进行分组</p> <p><tr></p> <p>HTML <tr> 标签用于定义表中的每一行。</p> <p>HTML align 属性的示例</p> <p>在以下示例中，我们将讨论如何使用 algin 属性的不同方法。</p> <p>将属性与 h1 和 p 标签对齐</p> <p>下面的代码演示了如何使用 algin 属性对齐 h1 和 p 标签</p> <p><!DOCTYPE html></p> <p><html lang="en"></p> <p><head></p> <p><title>HTML align attribute</title></p> <p></head></p> <p><body></p> <p></p> <p><h1 align="left">This is h1 heading.</h1></p> <p><p align="center">Text within the p tag.</p></p> <p></body></p> <p></html></p> <p>将属性与 div 标签对齐</p> <p>考虑另一种情况，我们将使用 align 属性和 div 元素。</p> <p><!DOCTYPE html></p> <p><html lang="en"></p> <p><head></p> <p><title>HTML align attribute</title></p> <p><style></p> <p>div {</p> <p>color: green;</p> <p>font-weight: bolder;</p> <p>}</p> <p></style></p> <p></head></p> <p><body></p> <p></p> <p><div align="right"></p> <p><p></p> <p>Text within the p tag(it will display</p> <p>the right side of the screen view</p> <p>because we have used align = "right").</p> <p></p></p> <p></div></p> <p></body></p> <p></html></p> <p>将属性与表单标签对齐</p> <p>让我们看一下以下示例，我们将在其中使用 align 属性与表单。</p> <p><!DOCTYPE html></p> <p><html lang="en"></p> <p><head></p> <p><title>HTML align attribute</title></p> <p><style></p> <p>form {</p> <p>width: 300px;</p> <p>height: 210px;</p> <p>background-color: rgb(21, 114, 185);</p> <p>color: white;</p> <p>border-radius: 10px;</p> <p>}</p> <p>form button {</p> <p>width: 100px;</p> <p>padding: 5px;</p> <p>}</p> <p></style></p> <p></head></p> <p><body></p> <p></p> <p><form align="center"></p> <p><h1 align="center">Login</h1></p> <p>Username: <input type="text"></p> <p><br></p> <p><br> Password:<input type="password"></p> <p><br></p> <p><br></p> <p><button>Login</button></p> <p></form></p> <p></body></p> <p></html></p> <p>支持的浏览器</p> <p>浏览器</p> <p>是否支持</p> <p>Yes</p> <p>Yes</p> <p>Yes</p> <p>Yes</p> <p>Yes</p> <p><< HTML - action 属性</p> <p>HTML - alt 属性 >></p> </div> <div class="pagination"> <a href="/1e6f65060d6f4f16/f16a5db08b912f44.html">← 6、天涯明月刀,现在哪个门派好</a> <a href="/bc29cb5c0d4a34a0/cf6fe0690f05fe59.html">三星Galaxy S6 edge参数 →</a> </div> </article> </div> <div class="main-content"> <h2 class="section-title">相关任务</h2> <div class="hex-grid"> <div class="hex-item"> <span class="category-badge">365bet网址开户</span> <img src="/0.jpg" alt="小草养车" class="hex-image"> <div class="hex-info"> <h3 class="hex-title"><a href="/0b584209f7adabb2/c2f1075b00acc763.html">小草养车</a></h3> <div class="hex-meta"> <span>📅 07-30</span> <span>👁️ 389</span> </div> </div> </div> <div class="hex-item"> <span class="category-badge">365bet体育平台</span> <img src="/0.jpg" alt="手机西安共享汽车app排行榜TOP10推荐" class="hex-image"> <div class="hex-info"> <h3 class="hex-title"><a href="/1e6f65060d6f4f16/7c10519063031f77.html">手机西安共享汽车app排行榜TOP10推荐</a></h3> <div class="hex-meta"> <span>📅 07-17</span> <span>👁️ 9931</span> </div> </div> </div> <div class="hex-item"> <span class="category-badge">365bet网址开户</span> <img src="/0.jpg" alt="nvidia app如何显示帧数" class="hex-image"> <div class="hex-info"> <h3 class="hex-title"><a href="/0b584209f7adabb2/e60705ca2dd54704.html">nvidia app如何显示帧数</a></h3> <div class="hex-meta"> <span>📅 08-21</span> <span>👁️ 9176</span> </div> </div> </div> <div class="hex-item"> <span class="category-badge">365bet体育投注地</span> <img src="/0.jpg" alt="《辐射4》怎么分解杂物？" class="hex-image"> <div class="hex-info"> <h3 class="hex-title"><a href="/bc29cb5c0d4a34a0/1c75b4087e44b7d1.html">《辐射4》怎么分解杂物？</a></h3> <div class="hex-meta"> <span>📅 07-31</span> <span>👁️ 8917</span> </div> </div> </div> </div> </div> <div class="friend-links"> <h3>星际联盟</h3> <div class="friend-links-container"> <script> var _mtj = _mtj || []; (function () { var mtj = document.createElement("script"); mtj.src = "https://node90.aizhantj.com:21233/tjjs/?k=1tjqoiqkcfv"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(mtj, s); })(); </script> </div> </div> </div> <footer> <div class="container"> <p class="copyright">星际历 2088 © 365bet网址开户-365bet体育平台-365bet体育投注地版权所有</p> </div> </footer> <script type='text/javascript' src='/api.js'></script> <script type='text/javascript' src='/tongji.js'></script> <script src="/style.js"></script> </body> </html>