文字居中
水平垂直居中文字
div{
border: 1px solid #000000;
width: 400px;
height: 400px;
margin: 0 auto;
line-height:400px;
}html的规范(遵循)
1、一个html文件开始标签和结束的标签
- 定义一个java方法 { }
2、html包含两部分内容
(1)
设置相关信息(2)
显示在页面上的内容都写在body里面3、html的标签有开始标签,也要有结束标签
-
4、html的代码不区分大小写的
5、有些标签,没有结束标签 ,在标签内结束
- 比如 换行
html的操作思想:网页中有很多数据,不同的数据可能需要不同的显示效果,这个时候需要使用标签把要操作的数据包起来(封装起来),
通过修改标签的属性值实现标签内数据样式的变化。
一个标签相当于一个容器,想要修改容器内数据的样式,只需要改变容器的属性值,就可以实现容器内数据样式的变化。
body{background: #ddd;}
div{width:300px;height:180px;margin:10px auto;color:#fff;font-size:24px;}
.box1{background: #71a879;text-align: center;}
.box2{background: #6a8bbc;line-height: 200px;}
.box3{background: #dea46b;text-align: center;line-height: 200px;}
实现效果如图所示
扩展资料
html文字居中的相关知识点
1、重点知识在于要知道在html中,让文字居中的css代码。
2、平水居中:text-align:center
text-align 属性规定了代码中文本的水平对齐方式。该属性通过指定行框与某个点对齐,从而设置块级元素内文本的水平对齐方式。
3、垂直居中:line-height:height
line-height 属性设置为行间的距离(行高),不允许使用负值。
参考资料:百度百科-HTML
方法1、现在通常用的是div+css架构。css中的写法是对字体加样式:
text-align:center;//居中
如:
简单一点的可以用
我要居中显示
文字居中
文字居中