CSS深入理解之vertical-align_技术问答

首页免费课 CSS深入理解之vertical-align 问答

CSS深入理解之vertical-align

                
                张鑫旭
            页面重构设计

                    查看讲师更多课程 
                    张鑫旭讲师的其他课程
                
CSS深入理解之border
中级·56799
免费课程
                                
CSS深入理解之padding
中级·52483
免费课程
                                
CSS深入理解之margin
中级·55942
免费课程
                                
CSS深入理解之z-index
中级·40882
免费课程
                                
CSS深入理解之relative
中级·47918
免费课程
                                
CSS深入理解之line-height
中级·43086
免费课程
                                
                难度中级
            
                时长 1小时49分
            
                学习人数
            
综合评分9.53
                            115人评价
                        查看评价
                                9.7
                                内容实用
                            
                                9.4
                                简洁易懂
                            
                                9.5
                                逻辑清晰

全部评论问答未解决精华

野猫1

真的不想听啦

1 4-1 vertical-align线性类属性值

2016-02-25

野猫1

“恩恩恩我换页啦”。。。我不管，我不要听你的课

0 3-2 . vertical-align与line-height

2016-02-25

江爱笛生

精彩！！！赞，谢谢老师

0 9-1 9. vertical-align的实际应用_x264

2016-02-25

野猫1

我对不起“我再也不来听你的课”的诺言，我检讨

1 2-1 vertical-align起作用的前提

2016-02-25

野猫1

我再也不要来听你的课

1 1-1 vertical-align家族基本认识

2016-02-25

野猫1

我都不知道为什么还来听你的课

1 1-1 vertical-align家族基本认识

2016-02-25

anrgct

元素垂直中心点和父级基线上1/2 x-height的位置对齐, 1/2 x-height的位置就是x的交叉中心

0 4-1 vertical-align线性类属性值

2016-02-24

anrgct

inline-block的基线是正常流中最后一个line box的基线，除非，这个line box 里面既没有line boxes 或者本身overflow属性有非visible的值，这种情况下基线是margin底边缘

0 3-2 . vertical-align与line-height

2016-02-24

hey自然

这至少是我第三次看这个视频了

0 3-2 . vertical-align与line-height

2016-02-23

hey自然

谢谢老师~让我们见识到了css属性的神奇，美感。

0 3-2 . vertical-align与line-height

2016-02-23

button的line-height影响对齐的问题，谁能给解释一下？

+ 我来回答回答最高可+2积分

1 回答 1311 浏览

2016-02-21

Ego_echo

难道下面的同学是一点代码都没敲过的吗？听着老师的课程觉得很受用啊，你们居然说听不懂？

0 2-1 vertical-align起作用的前提

2016-02-20

graysongs

.button{
display: inline-block;text-align: center;width: 120px;height:32px;padding:15px;background-color: lightblue;border-radius: 5px;font-size: 23px;
}

<div class="button" style="line-height: 0">行高0</div>
<div class="button" style="line-height: 32px;">行高正常</div>

2 3-2 . vertical-align与line-height

2016-02-20

graysongs

最重要的不是学他教的css知识，而是学为了搞懂一个css属性去追根溯源的精神

2 3-1 vertical-align与line-height

2016-02-20