发表于： 2020-01-09 00:25:16
1 1296
Task6：
重点：
1、使用雪碧图
2、将红字固定在右方
3、使用bootstr布局
解决方法：
1、从网上找了一种使用雪碧图的方法，就是在伪元素中当作背景。
但是这种方法使用中不好定位，所以有两个图标换成了icon font，比雪碧图好用很多。
2、红字固定在右方的同时左边字体还要省略，所以左边使用了外边距来给右方红字留出空间。
本来左右是放在同一个列表项里，右边红字用float：right；定位，但margin-right: 116px;导致右边没有显示空间，只能另起一行，所以后来将右边红字放在了一个单独的div里面。
3、由于我刚开始直接照效果图开始布局，没发现要用bootstr这个要求，所以本次没有用bootstrap，等下次任务使用。
返回列表
评论