关于切图过程中的一些问题

Question

实现这个部分页面的时候有几个小问题
1.黄色的“前” 我没设置line-height。应该是自己生成了一个line-height 我怎么缩小周围的距离使它尽量和psd图保持一致。是自己计算line-height再设置吗，怎么算？
2.要实现文字上环绕图貌似要将img 插在文字中，并浮动。 关键是我看到psd图我怎么知道我要把img插在文字中的哪里，大家看我在红线部分插的图，结果浮动到了后面去了
3.在ide中输入长文字的时候按下回车，多行输入，显示在网页中的时候好像会有一个小空白间隔（图中红圈的地方） 这样就无法使多行文字末尾对齐。一般怎么处理的
4.加粗字体 一般是在css完成的还是在html里面完成的 如果用html是标签strong 在外面还是标签p在外面

Answer 1

1. 从你 开发者工具获取到的前 ,其中黄色的部分是margin ,你去掉margin-right margin-top设置为0 ,就和psd图一致了 2.float 浮动的规则就是 ,当前行的后面.假设你需要放在哪一行,就在当前行插入,这里 ,你的图片和上面应该分开

 <p>   </p>
 <p>img   wenzi</p>

3.text-align-last 设置如何对齐最后一行或紧挨着强制换行符之前的行。 直接在菜鸟教程搜这个.
4.加粗 ,你说的这两种形式都可以,看要求,有一些要求没那么严格的基本都是css控制,有一些语义化要求的就是使用html