关闭

css学习笔记之 inline-block

标签: inline-block
183人阅读 评论(0) 收藏 举报
分类:


inline-block 行内块元素,行内块元素作为一个行内框与其他元素的内容相关。只是这个行内框的高度可以像块一样操作,但是其内部无行分割标准,换句话说就是把该行内框中所有的内容高度当作一行内容的高度。

如下图:

有方框的是inline-block的元素,hhh...是匿名文本,右上图可知,判断inline-block可以先把各个元素当成行内框,行内框中的内容是默认基于基线对齐的,然后再在文本周围加上边框,就是该边框位置,可以选择让vertical-align=top,这样边框的顶端就会对齐了,因为行内元素的顶端会与行框顶端对齐,文本对齐了,边框自然也就对齐了。

 


0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:12376次
    • 积分:281
    • 等级:
    • 排名:千里之外
    • 原创:15篇
    • 转载:12篇
    • 译文:0篇
    • 评论:0条