CSS疑难记录
1、inline-block元素下移问题的分析及解决
在使用inline-block布局时，由于第二个div以文字底部为基准导致的排版问题。作者发现vertical-align属性对行内元素有影响，通过设置vertical-align:top解决了顶部对齐的需求。
2、行内img元素导致高度增加解决
a.设置div{ font-size: 0}；将外层块级标签的font-size设置为0；
b.设置img{ display: block};将内层行内标签的display设置为block，将其变为块级标签；
c.设置img{ vertical-align:top;}；将内层行内标签的vertical-align设置为top；
3、table边框设置技巧
解释：对td只设置两个边的边框，对table也设置两个边的边框样式。
对td设置左与上边框，这样td与td相邻就会只出现单一边框样式，这样就会出现表格右侧和下部没有边框，这个时候我们设置table右和下 边框解决显示右侧和下侧td剩下未显示边框。
.table-c table{border-right:1px solid #F00;border-bottom:1px solid #F00}
.table-c table td{border-left:1px solid #F00;border-top:1px solid #F00}
4、关于文字内容长度问题
使用word-break: break-word，强制对长单词进行换行，如果单词过长超过了容器的宽度，允许在合适的位置（如单词内的任意字符之间）进行折行。