css样式之元素居中

使元素水平居中的方法:外部div设置一个txt-align=“center”属性

(text-align:center;是使标签的内容居中,

margin:0 auto;是使自身在浏览器内居中,需要配合宽度使用)


例:<div style="height:400px" txt-align="center">

                        <img src="img.png"/>

      </div>



使元素垂直居中的方法:外部div设置一个行高。然后给图片设置一个absmiddle(绝对居中):align="absmiddle”;

例:<div style="height:400px;  line-height:400px;">

                   <img src="img.png"  align="absmiddle" height="200px"/>

     </div>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,680评论 1 92
  • 收听音频,戳链接,旧号itclan已暂停使用,欢迎关注微信itclanCoder公众号可收听更多音频 前言 关于网...
    itclanCoder阅读 12,529评论 3 30
  • 一 外部式css样式 (也可称为外联式)就是把css代码写一个单独的外部文件中,这个css样式文件以“.css...
    KunMitnic阅读 4,544评论 0 1
  • 本课来自http://www.imooc.com/learn/9请不要用作商业用途。 HTML5 HTML介绍 H...
    PYLON阅读 8,570评论 0 5
  • 进了家门的一瞬间,刚刚所有的借口都变成了谎言。 她走在贺涵的身后,将大门关上,还没来得及开灯,便被...
    Northline阅读 21,272评论 0 0