美文网首页
text-align:center对块元素div不起作用

text-align:center对块元素div不起作用

作者: 9月的甜橙子 | 来源:发表于2021-09-11 10:22 被阅读0次

text-align只对文字,行内元素(inline),行内块元素(inline-block)起作用,对块元素(block)不起作用。

可以先把div转化为inline-block元素,即display: inline-block

扩展

vertical-align:middle对块元素不起作用,可以将div转化为 table-cell元素,即display: table-cell
vertical-align:middle对于inline和inline-block元素的作用,是周围元素对于当前元素的对齐方式,而对于table-cell是针对自身而言


如果本文对您有帮助,请给我点赞哦~ 谢谢~

相关文章

  • text-align:center对块元素div不起作用

    text-align只对文字,行内元素(inline),行内块元素(inline-block)起作用,对块元素(b...

  • 7. CSS常见样式2

    Text-Align: Center text-align: center 作用在块级元素上,可以使块级元素内的文...

  • 7. CSS常见样式探究2

    text-align: center text-align:center作用在块级元素上,能使块级元素内的文本,图...

  • CSS居中

    居中的分类 一,块级元素内的内联元素水平居中,text-align: center; div.box里面有文字,让...

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

    CSS设置行内元素的水平居中div{text-align:center} /DIV内的行内元素均会水平居中/ CS...

  • CSS常见样式2

    text-align: center的作用是什么,作用在什么元素上?能让什么元素水平居中 center的作用:对块...

  • CSS各种居中

    水平居中 行内元素 对爸爸使用text-align: center 块级元素 单个元素 对儿子使用margin: ...

  • css水平居中

    行内 inline 元素: text-align: center;块级 block 元素: margin...

  • 盒模型

    text-align:center的作用是什么,作用在什么元素上?能让什么元素水平居中 作用在块级元素上,对块级元...

  • 水平居中

    行内元素 文字等行内元素直接利用text-align:center即可,图片则需要先包裹在一个块级元素中,随后对块...

网友评论

      本文标题:text-align:center对块元素div不起作用

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