零基础建站培训介绍

当前位置:

html 居中对齐代码写法

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

HTML水平居中

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


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

HTML垂直居中

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


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

HTML图片居中

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


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

与本文相关文章

发表评论

*

* 绝不会泄露


零基础学建站就到学做网站论坛