学习园地

了解一下行内元素怎么进行水平居中?

时间:2018/1/22 17:48:08  作者:妙用网  来源:妙用网  查看:109  评论:0
内容摘要:这里我们又得分两种情况:行内元素 还是 块状元素 ,块状元素里面又分为定宽块状元素,以及不定宽块状元素。今天我们先来了解一下行内元素怎么进行水平居中?
  我们在实际工作中常会遇到需要设置水平居中的场景,比如为了美观,文章的标题一般都是水平居中显示的。
  
  这里我们又得分两种情况:行内元素 还是 块状元素 ,块状元素里面又分为定宽块状元素,以及不定宽块状元素。今天我们先来了解一下行内元素怎么进行水平居中?
  
  如果被设置元素为文本、图片等行内元素时,水平居中是通过给父元素设置 text-align:center 来实现的。(父元素和子元素:如下面的html代码中,div是“我想要在父容器中水平居中显示”这个文本的父元素。反之这个文本是div的子元素 )如下代码:
  
  html代码:
  
  <body>
  
  <div class="txtCenter">我想要在父容器中水平居中显示。</div>
  
  </body>
  
  css代码:
  
  <style>
  
  .txtCenter{
  
  text-align:center;
  
  }
  
  </style>

标签:代码 元素 

   本文整理来自妙用网(www.miuon.com) 关注妙用网微信公众账号:miuong  微信号:514984593

相关评论

手工制作 | 旧物改造 | 生活妙招 | 节约窍门 | 创业点子 | 学习窍门

妙用网部分信息来自互联网,目的只为了系统归纳学习和传递资讯,提供信息学习交流平台,如您认为本站提供的信息侵犯了您的版权,请联系我们!

联系邮箱 514984593@qq.com QQ:514984593 © CopyRight 2013-2019 实用技巧网 手机版(www.miuon.com)
网站地图 XML地图 百万站官网