css学习笔记之 inline-block
来源:互联网 发布:mac mp4 srt 编辑:程序博客网 时间:2024/06/10 11:20
inline-block 行内块元素,行内块元素作为一个行内框与其他元素的内容相关。只是这个行内框的高度可以像块一样操作,但是其内部无行分割标准,换句话说就是把该行内框中所有的内容高度当作一行内容的高度。
如下图:
有方框的是inline-block的元素,hhh...是匿名文本,右上图可知,判断inline-block可以先把各个元素当成行内框,行内框中的内容是默认基于基线对齐的,然后再在文本周围加上边框,就是该边框位置,可以选择让vertical-align=top,这样边框的顶端就会对齐了,因为行内元素的顶端会与行框顶端对齐,文本对齐了,边框自然也就对齐了。
0 0
- css学习笔记之 inline-block
- css基础学习之--inline-block
- css学习之路(5)--display:inline、block、inline-block的区别及inline-block兼容
- CSS学习笔记:inline和inline-block的区别
- css之inline-block
- CSS之display:inline、block、inline-block
- block、inline、inline-block的学习笔记
- CSS学习笔记——display:inline、block、inline-block的区别
- css之display:inline-block
- css布局之inline-block
- css布局学习4--inline block
- css之min-width 和 inline-block
- css属性之display:none、block、inline
- 【CSS笔记之十】深入认识display:inline-block和hasLayout
- CSS{display:inline-block}
- css inline block兼容
- [CSS]display:inline-block
- css inline-block
- 游戏杂谈
- 为InfiniBand而哭泣
- ubuntu虚拟机上网设置(打开浏览器出现serve not found)
- Palindrome Linked List
- 二叉树中序遍历(迭代)
- css学习笔记之 inline-block
- APIDemo动画合集
- POJ 2481 Cows
- 暴力拆解hupu球员信息
- Python 3.4 install lxml
- 【LeetCode】Linked List Cycle I&II
- android回调函数
- ubuntu10.10,安装flash插件
- 【代码片段】两列布局