皮卡丘の开发之路

2.CSS文本2.1white-space: pre-line; 强制文字进行换行，前提是在文本中要先在文字中加” \n “，这样css识别出来在此处进行强制换行。word-wrap:normal | break-word, break-word可以将内容在边界内换行（不截断英文单词的换行）。点击事件on和onclick 两者之间的区别（很重要。。。

实现一个css 来控制图片和文字的左右拖动的效果。具体的效果图 如下图所示：最开始的时候，产品给了我一张静态图片，让我按照这个来是实现页面。跟我说了一下说是可以播放滑动的。我以为是让我写一个轮播图。后来才知道是手动触碰进行拖放。遂决定直接用css来实现。

css 实现 section 的左右滑动，和文字居中的效果，块内 拖动元素，左右滑动。css的原生实现，很方便。

【需求效果图：如上图所示】需求：动态获取不同的分数，圆环展示对应的百分比分数值:正确率 70%以下提示文案：还需要继续加油哦~正确率 70% - 90%以下提示文案：不错，再加把劲~正确率 90%及以上提示文案：真棒！ 数据描述：不同的测试分数显示不同的分数百分比 百分比分数字段：score因为分数是动态获取的，所以 在React中，肯定是需要通过state来更改分数...