HTML 对齐文本

我们将在本文中讨论 HTML Justify Text。在HTML中，我们有一组不同的标签来更有吸引力地执行网页中的前端操作；本质上，HTML 有一个段落标签

。要在网页屏幕中的每个部分中编写任何段落句子，如果我们需要任何符合用户要求的对齐标签，我们将对其进行定制，并且如果我们使用 ，我们将利用该文档是段落文本或任何数据或文本值应与对齐格式对齐，它可能与对齐文本的左侧或右侧不同，每个文本值将在网页中占据相同数量的水平空间。

语法

在 HTML 中，我们有 CSS 样式来突出显示网页，使其更加可定制、用户友好、在浏览器和用户视图中更有吸引力。 HTML Justify 文本值与文本或值正确对齐；默认情况下，对齐文本应位于网页的左侧。让我们看看网页中 HTML 对齐的一般语法。

HTML 语法：

<p align="justify/left/right/center">
----some  codes----
</p>

CSS 语法：

div
{
text-align:justify/left/right/center;
text-justify:values;
}

以上代码是用于对齐文档中文本值的 HTML 代码的基本语法。指定text-justify属性，属性值是在justify中设置text-align时文本的对齐方式。text-justify有一组不同的属性值，如auto、inter-word、inter-character、无、初始和继承；每个值都有一组不同的描述逻辑，如果我们使用自动，则浏览器本身确定对齐算法，字间：增加/减少单词之间的间距，字符间：增加/减少字符之间的间距，如果我们使用none，它会自动禁用对齐方法，在属性标签中初始设置默认值，继承值它将属性的父元素继承到其子元素。

如何在 HTML 中创建对齐文本？

通常，从用户的角度来看，理由文本意味着一组不同的事物。它认为 HTML 文本应该两边对齐；文本行左右两侧对齐，这可以解释双重确认。它可以对齐文本的所有行，除了通常我们使用一些对齐词；最终的单词具有相等的宽度和高度，因此实现这一目标的方法通常是根据需要在单词之间留出额外的空格。

这种对齐方法在 HTML 文档中很普遍，当我们需要硬拷贝格式的内容时，我们使用并通过打印获得高质量网页的基本属性也很好。Html4 开始，我们可以使用文本属性来对齐对于一大组元素，尽管具有不同的语法和语义。在 HTML 中使用 justify 将允许他们在文档中添加一些 HTML 元素/标签。

、

、

...

、、、 、、 、, 这些是一些用于调整文本和对齐段落的元素。如果我们使用一些来解释网页中文档的一些重要部分是以对齐方式对齐文本值的代码。如果有时不推荐使用严格版本的 html

、

元素和标签属性。标签是我们在网页的 HTML 文档中使用的第一组组和标题元素。

如果你使用XHTML而不是HTML，XHTML只不过是过渡性的dtd；它不允许“justify”作为诸如

、

、

...

之类的标签中的值，严格的 dtd 不允许在所有情况下进行 HTML 对齐。在严格的 dtd 文档中使用 justify 标签会因疏忽而显示错误，这意味着验证器将对齐值，就像align=” justify”代码是一个错误一样。如果我们用它来对齐，则意味着两边的边距都要对齐。

如果我们在HTML代码中使用align=” justify”，所有浏览器都广泛支持，但在某些版本如Opera、IE4和其他一些浏览器中，Netscape会显示“unjustified”错误（左对齐）之类的错误。段落标签，不应用任何关于对齐的样式表规则。

We will use some CSS options properties like float,inline-block, font styles, positions of the images, breadth, width, and height of the images; similarly, navigation options will do some alignments for the menus in the document; the above all options will use the HTML with CSS options same like justifying options in the document. Suppose we use IE Explorer for running an HTML web page. In that case, it has some nonstandard CSS properties that may affect some methods of justification, like example, “just-textify,” if we use IE version earlier, like 5.5 or later, it also recognizes the properties like text-align-last, it will show the horizontal alignment of the web page.

Examples of HTML Justify Text

We will see some examples of understanding the basics in the HTML justify part.

Example #1

Code:

<p align="justify">Welcome To My Domain.</p>
<p><b>Welcome</b>Users</p>

Output:

Example #2

Code:

<style>
div {
color: green;
border: 3px blue;
}
h1  {
color: initial;
}
</style>


<div>
<p align="justify">Welcome To My Domain.</p>
<p><b>Welcome</b>Users</p>
</div>

Output:

Example #3

Code:

<style>
div {
color: green;
border: 3px blue;
}
h1  {
color: initial;
}
</style>


<div>
<img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543951033739.png" class="lazy" align="right" alt="HTML 对齐文本"   style="max-width:90%">
<p>Welcome To My Domain.</p>
<p><b>Welcome</b>Users</p>
</div>

Output:

The above three examples will show the justify options in HTML in different ways. The first example will point out the basic notification for using justify option in the document; the second example will use the CSS style for the document will be more attractive from the user’s perspective. The final example will use the jpg image on the right side of the web page; if we declare justify, it will show the image in the default view.

Conclusion

Applying the options in a document, like a web page, will show good quality based on the user requirement, including justification, page breaks, etc. Justification might take some small pieces of text or values presented creatively or primarily for the web page. We should check several validations and conditions to apply and display browser compatibility mode.