padding与布局
padding
padding
111111
使用padding制作白眼效果
button达到各种浏览器下兼容使用
padding画图
button表单按钮padding
button表单按钮padding
Padding结论
ol/ul列表
padding不支持任何负值,padding百分比是相对于宽度计算的。
inline元素padding百分比值:
1.同样相对宽度计算
2.默认的高度宽度细节有差异
3.padding会断行
inline元素的垂直padding会让空白节点显现,也就是规范中的strut
padding的百分比是相对于宽度来计算的
高度可控的分割线
对于inline水平元素,水平padding影响尺寸,垂直padding不影响尺寸,但是会影响背景颜色
对于inline水平元素,水平padding影响尺寸,垂直padding不影响尺寸
padding会影响元素的尺寸
对于inline水平元素,水平padding影响尺寸,垂直padding不影响尺寸
background-clip:content-box使得背景色仅在内容部分而不再padding部分显示
padding与button的兼容性不好
一些内置的padding值
padding的百分比是相对于宽度来计算的
padding不支持负值
对于inline水平元素,水平padding影响尺寸,垂直padding不影响尺寸
padding会影响元素的尺寸
内联元素 padding
垂直padding不影响尺寸
padding 影响尺寸
两栏布局自适应
等高布局示范
padding实现白眼