一、属性值的含义
这是一个简单的按钮，使用内联样式将文本居右对齐。即text-align属性被设置为right。
text-align属性是用于设置内容元素中文本的对齐方式的CSS属性。它可以接受以下值：
- left：默认值，将文本左对齐。
- right：将文本右对齐。
- center：将文本居中对齐。
- justify：将文本两端对齐，即使意对齐。
- initial：设置为其默认值。
- inherit：从父元素继承。
二、按钮文字排布
如上代码所示，我们也可以在同一个页面中创建多个按钮并使用不同的text-align属性值。让我们看看这些按钮的文字排布。
此处展示了从右到左的排布、居中排布和从左到右的排布。
三、让多个按钮水平居中对齐
在页面上，按钮通常不只一个。当您想要将多个按钮水平对齐时，将父元素的text-align属性设置为center即可。
在这种情况下，可以使用div元素包装所有按钮，并将text-align设置为center，使其沿水平轴居中对齐。
四、使用CSS样式表
在前面的例子中，我们使用的是内联样式。但是，如果我们要在整个网站上使用样式，将内联样式用于每个元素会很麻烦。幸运的是，我们可以使用CSS样式表来管理网站上的样式。
如上代码所示，我们在样式标记之间编写了CSS样式，这将设置.button-right类的text-align属性为right。.button-center类具有相似的设置，text-align属性设置为center。
五、总结
在本文中，我们讨论了如何使用text-align属性，使按钮文本对齐方式沿着元素的水平轴对齐。 我们了解了text-align属性的各个值，并使用了内联样式、div元素以及CSS样式表来设置按钮的文本居中或居右对齐。
