当前位置: 沐风工作室 >> 网页设计 >>css两端对齐怎么设置,css中文本的对齐有哪些

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

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

一、css两端对齐怎么设置

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

css两端对齐.jpg

上面的代码是:

<div style=" width:500px; height:300px;  background-color:#6666CC; text-align-last:justify; color:#FFFFFF">

css两端对齐 

</div>

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

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

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

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

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

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

<div style=" width:500px; height:300px;  background-color:#6666CC; text-align:right; color:#FFFFFF">

css靠右对齐 

</div>

以下是效果图:

css靠右对齐.jpg

如果让文本居中对齐,代码是:

<div style=" width:500px; height:300px;  background-color:#6666CC; text-align: center; color:#FFFFFF">

css居中对齐 

</div>

以下是效果图:

css居中对齐.jpg

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


已帮助 85 人

本站内容大部分由沐风工作室原创,少部分内容来源于网络,如有侵权请与我们联系,我们会及时删除!
责任编辑:沐风 | 发布时间:2020年05月21日15点21分36秒 | 本文永久地址为 http://www.tangmengyun.com/seo/1982.html

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

沐风工作室-提供SEO培训,网站优化,互联网推广创业等资讯和服务,主要业务为SEO培训、作文代写、演讲稿代写、网站原创文章代写、SEO伪原创文章代写以及微信阅读增量等。

针对百度等搜索引擎的SEO系统实战培训

网站文章代写:高质量原创文章及伪原创文章
注:文章皆为手动编辑,确保质量和效果

刷微信阅读:价低、稳定、无风险

作文代写:各种题材及类型的作文

演讲稿代写:各种场合的演讲稿代写

广告位

沐风SEO工作室

微信:mufeng1156、QQ:631998395

地址:广州番禺厦滘地铁启梦创业广场

沐风工作室 - 提供SEO培训、网站优化、互联网推广创业等资讯和服务