Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 文本和img对齐在同一分区中的问题 .对{ 浮动：对； 宽度：100px； 利润率：0.10px 10px； } 标题在这里_Css - Fatal编程技术网
Fatal编程技术网
  • css/
  • Css 文本和img对齐在同一分区中的问题 .对{ 浮动：对； 宽度：100px； 利润率：0.10px 10px； } 标题在这里

Css 文本和img对齐在同一分区中的问题 .对{ 浮动：对； 宽度：100px； 利润率：0.10px 10px； } 标题在这里

css

Css 文本和img对齐在同一分区中的问题 .对{ 浮动：对； 宽度：100px； 利润率：0.10px 10px； } 标题在这里,css,Css,Lorem ipsum dolor sit amet，一位杰出的领导者 问题: 如果我删除这行：宽度：100px，此处的文本标题将不会与img的左边缘对齐，为什么？因为float与元素一起使用，它的宽度被压缩以允许其他项目与它对齐，并且您使用的是100px宽度，图像也是100px，因此它不会对齐它下面的标题，但是div下面的段落文本将与它对齐，并且在img之后使用break标记对齐，因此标题文本将无法对齐img嗨，我想你想要这个 <style type="text/css">

Lorem ipsum dolor sit amet，一位杰出的领导者

问题:

如果我删除这行：
宽度：100px，此处的文本
标题
将不会与img的左边缘对齐，为什么？
因为float与元素一起使用，它的宽度被压缩以允许其他项目与它对齐，并且您使用的是100px宽度，图像也是100px，因此它不会对齐它下面的标题，但是div下面的段落文本将与它对齐，并且在img之后使用break标记对齐，因此标题文本将无法对齐img
嗨，我想你想要这个

<style type="text/css">
    .floatright {
        float: right;
        width: 100px;
        margin: 0 0 10px 10px;
    }
</style>
<div class="floatright">
    <img class="floatright" src="computer.png" alt="" width="100" height="100" /><br />
    Caption here
</div>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, </p>