发表于： 2018-08-09 17:03:04
2 554
emmmm。。。让我想起来了日报支配的恐惧~
笑~
完成任务一好像用了4、5天吧，平均每天4个小时左右
遇到的问题：
1、格子的高度不能像宽度一样直接按百分比设置
已解决
查资料得div的高度是根据元素的高度自适应的，可以设置下内边距的百分比值来实现这个需求
2、如何使9个格子成九宫格的样式分布
已解决
想过几个方案，后面发现还是设置每个格子占三分之一宽度然后全部向左浮动，这样最简单。。。
3、九宫格在页面显示只是看起来像是居中的
未解决
目前的解决方案是格子长宽30%，然后外边距16px；
这样其实会导致一个问题，浏览器的宽度缩放到一定程度，九宫格的布局会打乱，每行只显示2个格子，因为剩余宽度不足以支持等大的格子加上外边距了
4、用了一下css内联样式，当时没有生效，代码忘记了，后面有机会再试下
心得
总结几个很有用的网站吧
http://www.w3school.com.cn/ #很多基础知识
https://blog.csdn.net/ #百度搜的很多问题，这里面都有答案，应该是有很多大神的
http://fanyi.baidu.com/ #虽然很多翻译不是很准确，但是大概都知道什么意思，个人觉得比较方便
返回列表
评论