快捷导航
查看: 1168|回复: 0

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

[复制链接]

管理员

发表于 2020-7-1 02:09 | 显示全部楼层 |阅读模式
css两端对齐怎么设置,css中文本的对齐有哪些  在设计页面的时候会涉及到文本对齐的问题,默认情况下是靠左对齐的,但有些时候也乤靠右对齐。本文给大家介绍下css两端对齐,看看css两端对齐怎么设置,以及css中文本的对齐有哪些。一、css两端对齐怎么设置我们先来看下css两端对齐的效果图:上面的代码是:<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>以下是效果图:如果让文本居中对齐,代码是:<div style=" width:500px; height:300px; background-color:#6666CC; text-align: center; color:#FFFFFF">css居中对齐</div>以下是效果图:关于css两端对齐的问题,本文就介绍到这里。除了css两端对齐,本文还介绍了主要的css中文本的对齐有哪些。可以看到,常见的文本对齐方式是靠左、居中以及靠右,相对来说css两端对齐用得还是比较少的,只在某些特殊情况下使用。总之这些css代码很简单,大家应该能够很快学会。        -->
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

966SEO学习网

GMT+8, 2024-4-25 14:52

Powered by SEO学习网  本站采用创作共用版权 CC BY-NC-SA 3.0 CN 许可协议,转载或复制请注明出处

© 2014-2019 投诉建议及友链申请联系邮箱:[email protected]

快速回复 返回顶部 返回列表