建站教学网,让你建站更便捷和轻松!
您当前的位置:首页 > 帝国CMS建站

div+css实现文本居中和图片居中

来源:  时间:2019-06-12 20:23:55

  1、纯文本居中

  #left{

  width: 100%;

  height:200px;

  background: pink;

  text-align: center;

  line-height: 200px;

  }

  

我已亭亭,不忧亦不俱-----------------《莲的心事》

 

  2、图片居中

  形如:

 

  第一种,div不定宽高,图片确定或不定宽高,直接给div加水平居中

  div{text-align: center;}

  第二种 ,div和图片大小均固定

  div{

  display: table-cell;

  text-align: center;

  vertical-align: middle;

  }

  第三种,大小均可不写。flex弹性布局,(强推,超好用,三列布局啥的也适用)

  div{

  display: flex;

  justify-content:center;

  align-items: center;

  }

 

 

责任编辑:

免责声明:建站教学网内容来源于本网和互联网,如媒体、公司、企业或个人对该部分主张知识产权,请与本站联系,本网站将迅速采取适当措施,否则,与之有关的知识产权纠纷本网站不承担任何责任。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表
CopyRight 2008-2019, JZREAD.COM, Inc. All Rights Reserved
皖ICP备09015033号