两端文字对齐css,css两端对齐怎么设置，css中文本的对齐有哪些

老牧童 • 2023-12-13 18:15 • CSS • 阅读 174

大家好，欢迎来到IT知识分享网。

css两端对齐怎么设置，css中文本的对齐有哪些

内容导读：除了css两端对齐，本文还介绍了主要的css中文本的对齐有哪些。可以看到，常见的文本对齐方式是靠左、居中以及靠右，相对来说css两端对齐用得还是比较少的，只在某些特殊情况下使用。总之这些css代码很简单，大家应该能够很快学会。

在设计页面的时候会涉及到文本对齐的问题，默认情况下是靠左对齐的，但有些时候也乤靠右对齐。本文给大家介绍下css两端对齐，看看css两端对齐怎么设置，以及css中文本的对齐有哪些。

一、css两端对齐怎么设置

我们先来看下css两端对齐的效果图：

上面的代码是：

css两端对齐

为了让效果更加明显，我们给div加了宽度和底色等，其中css两端对齐的代码是 text-align-last:justify 。大家如果想像文本两段对齐的话，在css里面加入这个属性代码就可以了，当然也可以结合具体情况设置其他的css样式，让整个效果更加好看。

二、css中文本的对齐有哪些

语法：text-align : left | right | center

说明：设定元素内文本的水平对齐方式。

参数：left : 左对齐；right : 右对齐；center : 居中；justify : 两端对齐

前面说到默认情况下，文本是左对齐，那么如果要让文本靠右对齐，代码是：

css靠右对齐

以下是效果图：

如果让文本居中对齐，代码是：

css居中对齐

以下是效果图：

关于css两端对齐的问题，本文就介绍到这里。除了css两端对齐，本文还介绍了主要的css中文本的对齐有哪些。可以看到，常见的文本对齐方式是靠左、居中以及靠右，相对来说css两端对齐用得还是比较少的，只在某些特殊情况下使用。总之这些css代码很简单，大家应该能够很快学会。