100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 两端文字对齐css css两端对齐怎么设置 css中文本的对齐有哪些

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

时间:2021-07-28 21:37:42

相关推荐

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

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代码很简单,大家应该能够很快学会。

相关知识点

CSS:层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

本文标签:css

这篇关于“css两端对齐怎么设置,css中文本的对齐有哪些”的文章已帮助 1358 人,希望也能帮到你!

本站内容大部分由沐风博客原创,少部分内容来源于网络,如有侵权请与我们联系,我们会及时删除!

责任编辑:沐风 | 发布时间:05月21日15点21分36秒 |

本文永久地址为 /seo/1982.html

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。