2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > css怎么设置水平对齐

css怎么设置水平对齐

时间:2021-06-08 17:49:23

相关推荐

css怎么设置水平对齐

web前端|css教程

css,水平对齐

web前端-css教程

犬 训练 源码,vscode arduio,ubuntu分屏显示,tomcat win,od sqlite破解,服务器5m,列表滚动插件下载,前端框架调优,请不要害羞 爬虫,php店铺,seo培训教,班级管理系统网站,微凉网页填表模块怎么用,网页新年模板,英文404页面模板,zbcms网站管理系统,php 微信裂变程序lzw

1、使用text-align: center;

时时彩网页源码下载,ubuntu 多版本 管理,tomcat8 内存配置,酒店爬虫源码,小程序开发php,广州专业的抖音seo多少钱lzw

text-align属性指定元素文本的水平对齐方式。

微洗车 源码,ubuntu网络配置器,tomcat没有错误日志,爬虫简历源码,java判断php,seo和sem的共同点是什么lzw

属性值:

left 把文本排列到左边。默认值:由浏览器决定。

right 把文本排列到右边。

center 把文本排列到中间。

justify 实现两端对齐文本效果。

示例:

.center {text-align: center;border: 3px solid green;}文本居中对齐

文本居中对齐。

效果图:

【推荐教学:CSS视频教学 】

2、使用margin: auto;

margin简写属性在一个声明中设置所有外边距属性。

属性值:

auto 浏览器计算外边距。

length 规定以具体单位计的外边距值,比如像素、厘米等。默认值是 0px。

% 规定基于父元素的宽度的百分比的外边距。

要水平居中对齐一个元素(如

), 可以使用 margin: auto;。

设置到元素的宽度将防止它溢出到容器的边缘。

元素通过指定宽度,并将两边的空外边距平均分配

示例:

.center {margin: auto;width: 60%;border: 3px solid #73AD21;padding: 10px;}元素居中对齐

div 元素是居中的

效果图:

编程视频!!

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