发表于： 2018-05-24 22:48:29
1 1811
今天完成的事情：任务14；
明天的计划：写轮播图；
今天的收获：写任务时没有碰上什么大问题，所以收获的也比较少，都是之前用过的知识；
对第二行设置了flex后，会影响整个表格的布局；上面的图片行是table嵌套table的，下面一行设置了flex后，嵌套就无效了！
表格宽度被固定死了不会随页面缩放了？？原因是中间的英文字惹的祸！！英文字母之间如果没有空格,系统认为这是一个单词,就不会自动换行，解决办法是在段落所在的元素添加word-break:break-all；
padding对表格无效？
________________
使用felx后，两个span-inline-block元素都变成了div块级元素，为什么变成块级元素后会影响元素本身的高度呢？是因为flex容器高度由子元素默认撑开；假如flex容器中有多个元素，在子元素都没有设置高度的情况下，容器的高度将会由这些子元素撑开；所以才会出现明明没有改变子元素的高度却会发生改变的原因；
像下图每个元素中有几个子元素进行排版的时候，元素不要设置flex布局，因为一旦设置了flex，容器的高度就会由里面的子级撑起来了，如果有元素把父容器高度撑高了，就会影响其他的元素高度，导致高度不能统一；
返回列表
评论