美文网首页
Css居中(行内元素和块级元素)

Css居中(行内元素和块级元素)

作者: 巫小师 | 来源:发表于2017-09-22 18:01 被阅读0次

水平居中:利用属性text-align:center; 且text-align只能作用于块级元素上,具有继承性;

                  行内元素:在最近的一层块级元素设置text-align:center即可;

                  块级元素:在该块级元素设置属性text-align:center;即可,在其父块级元素中设置也可以。

垂直居中:作用于行内元素和单元格,在块级元素上不起作用,因此如果使块级元素居中,需要先将块级元素转为行内元素或者单元格;

                  行内元素:设置父级元素高度确定设置line-height=height;line-height属性具有继承性;

                  块级元素:如下,

相关文章

  • 垂直居中,水平居中

    CSS设置行内元素的水平居中 CSS设置行内元素的垂直居中 CSS设置块级元素的水平居中 CSS设置块级元素的垂直居中

  • css 水平垂直居中实现方式

    css 水平垂直居中实现方式 水平垂直居中包括行内元素居中,以及块级元素居中 行内元素html结构 块级元素结构 ...

  • 无标题文章

    css左右布局 两个块级元素实行左右布局. 左中右布局 水平居中 块级元素水平居中 内联元素居中 垂直居中 行内元...

  • CSS-居中

    CSS-居中 一. 水平居中 1. 行内元素水平居中 使用text-align属性,对行内元素定义居中 2. 块级...

  • CSS-居中

    CSS-居中 一. 水平居中 1. 行内元素水平居中 使用text-align属性,对行内元素定义居中 2. 块级...

  • 元素水平垂直居中总结

    水平居中 块级元素居中 块级元素加以下样式: 行内元素居中: text-align:center;适用于行内元素,...

  • 所有CSS居中方法,了解一下?

    目录 水平居中内联元素水平居中块级元素水平居中多个块级元素的水平居中 垂直居中内联元素垂直居中单行内联元素多行内联...

  • 分享CSS的一些小技巧

    两栏布局 三栏布局 水平居中 行内元素 块级元素 垂直居中 行内元素 块级元素 渐变边框

  • 实现水平/垂直居中

    css实现水平/垂直方向居中 在开始介绍如何实现水平/垂直方向居中之前,需要先介绍一下行内元素和块级元素 行内元素...

  • CSS基础样式

    CSS基础样式 块级元素可以包含块级元素和行内元素 行内元素只可以包含文本和行内元素 宽高只对块级元素生效,对行内...

网友评论

      本文标题:Css居中(行内元素和块级元素)

      本文链接:https://www.haomeiwen.com/subject/khgfextx.html