行业资讯
当前位置:首页 > 行业资讯 >

html 居中对齐代码写法

发布日期:2021-03-04 阅读:413 来源:行业资讯 字体大小:

在做网站时,网页的文字往往需要进入居中排版,例如水平居中和垂直居中等。下面唯小宝网络就来介绍一下常用的html 居中对齐代码写法。

HTML水平居中

HTML水平居中使用text-align属性来控制。代码写法如下:

<style>.test{text-align:center;}</style>
<p class="text">文字水平居中</p>

HTML垂直居中

HTML垂直居中的原理就是设置高度与行高相等。使用line-height属性来控制。代码写法如下:

<style>.test{height:40px;line-height:40px;}</style>
<p class="text">文字垂直居中</p>

HTML图片居中

HTML图片居中需要设置图片的左右外边距为auto;使用margin属性来控制。代码写法如下:

<style>.test img{width:200px;height:200px;display:block;margin:0 auto;}</style>
<p class="text"><img src="../logo.png" /></p>

最新文章
推荐文章
精品网站模板