美文网首页
CSS 3.4 非布局样式_行高

CSS 3.4 非布局样式_行高

作者: MccReeee | 来源:发表于2019-02-19 14:01 被阅读4次

inline-box的高度会撑开外部line-box
inline-box高度会决定行高

利用这个特性可以做垂直居中

image.png

vertical-align:middle 可以调整基准线的对齐位置

image.png

图片底部3px空隙问题
解决办法

  • 可以修改vertical-align:bottom 底部对齐


    image.png
  • 或者用display:block,独占一行

image.png

相关文章

  • CSS 3.4 非布局样式_行高

    inline-box的高度会撑开外部line-boxinline-box高度会决定行高 利用这个特性可以做垂直居中...

  • 非样式布局

    非布局样式-字体 非布局样式 - 行高 非样式布局 - 背景 非布局样式 - 边框 非布局样式 - 滚动 非布局样...

  • css基础02-css中的文本属性和背景

    字体样式属性 CSS中,有很多非布局样式(与布局无关),包括:字体、行高、颜色、大小、背景、边框、滚动、换行、装饰...

  • css

    css基础css选择器css常见样式1css常见样式2CSS布局上CSS布局下flex布局塔防小游戏flex布局青...

  • CSS基础

    介绍css相关知识 和 非布局属性。 css:Cascading Style Sheet 层叠样式表,简而言之 就...

  • CSS 3.3 非布局样式

    字体图标使用方式

  • CSS初级

    css样式表 css选择器(简单,复杂) css属性 css布局 CSS样式表(内联方式,内部样式表,外部样式表)...

  • CSS学习资源

    基础篇 CSS 最核心的几个概念 CSS 简写指南 CSS样式基础 CSS样式设置 CSS布局模型 CSS文字排版...

  • 【2016年特别福利】史上最全CSS学习资料大全

    基础篇 CSS 最核心的几个概念 CSS 简写指南 CSS样式基础 CSS样式设置 CSS布局模型 CSS文字排版...

  • 【CSS】 Index

    CSS 一、使用CSS样式的方式CSS 二、定义样式表CSS 三、常见属性CSS 四、DIV+CSS布局

网友评论

      本文标题:CSS 3.4 非布局样式_行高

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