关于css块级元素基线问题？

34818060 2017-04-20 04:50:11

看了关于张鑫旭文章关于vertical的解释，也看了其他关于基线博客的解释后，有些疑问，
行内元素存在基线，那么纯块级元素存在基线吗？
还有如果行高变为0之后，行内元素的基线有什么样的变化？
请教css高手一下

...全文

196 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

前面的话　　line-height、font-size、vertical-align是设置行内元素布局的关键属性。这三个属性是相互依赖的关系，改变行间距离、设置垂直对齐等都需要它们的通力合作。在CSS字体里面已经详细介绍了font-size的相关内容，本文将主要介绍line-height与vertical-align。 line-height 定义　　line-height行高是指文本行基线之间的距离。行高line-height实际上只影响行内元素和其他行内内容，而不会直接影响块级元素，也可以为一个块级元素设置line-height，但这个值只是应用到块级元素的内联内容时才会有影响。在块

CSS中实现块级元素水平居中的N种方法： CSS中的居中可分为水平居中和垂直居中。水平居中分为行内元素居中和块状元素居中两种情况，而块状元素又分为定宽块状元素居中和不定宽块状元素居中。下面详细介绍这几种情况。一、水平居中 1、行内元素居中顾名思义，行内元素居中是只针对行内元素的，比如文本（text）、图片（img）、按钮等行内元素，可通过给父元素设置 text-align:center 来实现。另外，如果块状元素属性display 被设置为inline时，也是可以使用这种方法。但有个首要条件是

针对学员疑问“div垂直居中？”引出的“CSS元素垂直居中一系列方法的探究”的针对性课程，课程包含两方面：1、文本垂直居中的解决方案；2、块级元素垂直居中的解决方案。

行内元素 display:inline-block 给定宽高后居中 text-align: center; /* 文字行内元素行内块元素水平居中 */ 块级元素居中 margin: 10px auto; /* 块级盒子水平居中左右margin 改为 auto */ ...

vertical-alignvertical-align作用①控制单元格内容的垂直对齐方式②控制多个行内（块）元素在一行上的垂直对齐方式③控制行内（块）元素相对其父元素垂直对齐方式基线的概念①作为父元素的块级元素基线（baseline）②作为子元素的一个空的行内（块）元素基线③作为子元素的一个非空的行内（块）元素基线④作为子元素非空的一个行内（块）元素基线【但是它设置了overflow的值不等于v...

61,115

社区成员

60,728

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章