浮动图像与文本包装对齐图像底部

Question

我使用float来制作文本包装图像。但是，浮动图像的底部有一个意外的边距。有没有解决问题的方法？

＆＃xA;＆＃xA;

＆＃xA;＆＃xA;

＆＃xD;＆＃xA;

＆＃xD;＆＃xA;

  p {＆＃xD;＆＃xA; font-size：16px;＆＃xD;＆＃xA;}＆＃xD;＆＃xA; img {＆＃xD;＆＃xA; float：left;＆＃xD;＆＃xA;保证金：18px 18px 18px 0;＆＃xD;＆＃xA;}  

＆＃xD;＆＃xA;

 ＆lt; p＆gt;＆＃xD;＆＃xA; Lorem ipsum dolor sit amet consectetur adipisicing elit。 Consequatur suscipit debitis labore illo quod aut itaque id laudantium。 Amet，magnam aliquam recusandae fugit sint quidem eveniet tenetur quasi voluptatum？ Debitis officia dolores exercitationem，consequuntur quia ipsum obcaecati praesentium！ sit totam ipsam culpa，ipsa odit officiis voluptates dolorem asperiores veritatis quibusdam，libero voluptas modi provident dignissimos necessitatibus eum quaerat temporibus reiciendis expedita aliquid recusandae fugit。 Esse sunt，nulla sint exercitationem quae，ad magnam laudantium quibusdam voluptatibus quia，voluptas corporis！来自corrupti atque voluptatum omnis cumque iure consequatur quia querat nemo，obstit，provident distinctio blanditiis quo exercitationem dolorum eos！＆＃xD;＆＃xA; ＆lt; img src =“https://placeimg.com/420/320/any”＆gt;＆＃xD;＆＃xA; Lorem，ipsum dolor坐在精神上。 Distinctio cupiditate iusto molestiae expedita nesciunt？ Ducimus earum perspiciatis quam a incidunt nemo exercitationem id itaque reiciendis？错误临时eligendi，voluptatem incidunt perspiciatis aspernatur，unde cupiditate in，enim ullam culpa？ Et debitis ipsa nobis amet ea perspiciatis temporibus qui quos dolores totam，voluptatem impedit fugiat facere accusamus illo，voluptatibus inventore autem，libero provident enim eius。 Expedita modi deleniti consequuntur deserunt quas praesentium incidunt doloremque quos voluptas accusamus nihil alias labore architecto cum，atque，dolores nisi dolorem perspiciatis quibusdam autem，neque magni quo！ Maiores，nam，rerum ad ipsa libero consectetur quis reprehenderit facilis vel impedit optio rem cupiditate necessitatibus qui deserunt est repellendus molestiae nobis quisquam别名id！ ＆＃的xD;＆＃XA; ＆LT; / p为H.  

＆＃的xD;＆＃XA;

＆＃的xD;＆＃XA;

＆＃的xD;＆＃XA;

＆ #xA;

Answer 1

将您的保证金更改为margin: 18px 18px 0px 0px;

它有4个参数的边距和填充：go，right，bottom，left。所以你在第三个参数中添加了18px

Answer 2

保证金实际上是另一行文字。

您应该更改import System.Posix.User main :: IO () main = do entry <- getUserEntryForName "djf" putStrLn (homeDirectory entry) 以适合所需的保证金。试试：

line-height

p{
    line-height:18x;
    font-size: 16px;
}
img{
    float: left;
    margin: 18px 18px 18px 0;
}