养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

怎样让html中的文字垂直水平居中显示

时间:2024-11-10 20:50:48

制作网页的时候,为了使页面更加美观,前端工程师缬方焱蜱一般会把文字水平垂直居中,那么怎样让html中的文字垂直水平居中显示呢?

工具/原料

联想威6

win1020H2

HTML编辑器5.9.6

方法/步骤

1、如图,先在HTML编辑器里面写上一些基础代码

怎样让html中的文字垂直水平居中显示

2、接着在body标签里面添加一个div标签,d坡纠课柩iv里面有文字,并且使用style标签来设置div的样式。Div的样式我设置为宽高200像素,背景为红色

怎样让html中的文字垂直水平居中显示

3、接着在网页中预览文件,可以看到文字默认是左对齐

怎样让html中的文字垂直水平居中显示

4、接着我们在div的样式里面写上“text-a盟敢势袂lign:center;line-height:200px;”,text幻腾寂埒-align:center;表示水平居中,line-height:200px;表示垂直居中

怎样让html中的文字垂直水平居中显示

5、最后,再来预览效果,文字已经水平垂直居中了

怎样让html中的文字垂直水平居中显示

© 一点知识