Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.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
Html 图像对齐占段落的100%_Html_Css_Paragraph - Fatal编程技术网

Html 图像对齐占段落的100%

Html 图像对齐占段落的100%,html,css,paragraph,Html,Css,Paragraph,我正在使用tinyscrollbar插件,我有一个段落,其中应该是和图像(与文本对齐)。当我把它放在那个里时,它需要100%的宽度和100%的可见高度(我说我使用的是滚动条)。如何修复它 <div id="descriptionContainer" style="width: 100%; height: 60%; bottom: 20px; border: none; "> <div id="scrollbar1"> <div class="

我正在使用tinyscrollbar插件,我有一个段落,其中应该是和图像(与文本对齐)。当我把它放在那个里时,它需要100%的宽度和100%的可见高度(我说我使用的是滚动条)。如何修复它

<div id="descriptionContainer" style="width: 100%; height: 60%; bottom: 20px; border: none; ">
    <div id="scrollbar1">
        <div class="scrollbar">
            <div class="track">
                <div class="thumb">
                    <div class="end"></div>
                </div>
            </div>
        </div>
        <div class="viewport">
            <div class="overview">
                <p> <img src="myImage.png" align="left" width="350" height="400" /> Lorem ipsum dolor sit amet consectetur.... </p> 
            </div> 
        </div> 
    </div> 
    <img src="img/spacer.png" width="100%" height="100%" />
</div>

我爱你,我爱你

p标签css:


p{文本对齐:对齐;行高:1.5em;}

.img类别:


.img{宽度:25%;高度:自动;背景:无;}


提前谢谢

图像上有宽度和高度属性:

 <img src="img/spacer.png" width="100%" height="100%" />


移除这些,它将显示为自然大小。

您的图像上有宽度和高度属性:

 <img src="img/spacer.png" width="100%" height="100%" />
<img src="img/spacer.png" width="100%" height="100%" />

移除这些,它将显示为自然大小。


<img src="img/spacer.png" width="100%" height="100%" />
这是造成您问题的线路,如果可能,它将占用所有空间。试试这个:

<img src="img/spacer.png" />

还是这个

<img src="img/spacer.png" width="[size]px" height="[size]px" />


这是造成您问题的线路,如果可能,它将占用所有空间。试试这个:

<img src="img/spacer.png" />

还是这个

<img src="img/spacer.png" width="[size]px" height="[size]px" />


您能告诉我们您的代码的相关部分吗?你为图像设置了宽度和高度了吗?
Lorem ipsum dolor sit amet Concertetur

您希望将其固定到什么位置?您已明确将唯一图像的宽度设置为100%,高度也设置为100%。你能解释一下你真正想要它/期望它做什么吗?刚刚注意到你的评论。你应该能够编辑问题,将其放在那里,而不是放在评论中,因为评论更难看到,也更难阅读。:)它是宽度为100%的主要分区;查看中的IMG标记。概述不是原始问题的范围,但我想知道如何使用“spacer.png”作为开始;具有该名称的图像通常用于黑客攻击,否则可以用纯CSS解决。再说一遍,尽管。。。更奇怪的是,这不是你真正的问题。你能告诉我们你代码的相关部分吗?你为图像设置了宽度和高度了吗?
Lorem ipsum dolor sit amet Concertetur

您希望将其固定到什么位置?您已明确将唯一图像的宽度设置为100%,高度也设置为100%。你能解释一下你真正想要它/期望它做什么吗?刚刚注意到你的评论。你应该能够编辑问题,将其放在那里,而不是放在评论中,因为评论更难看到,也更难阅读。:)它是宽度为100%的主要分区;查看中的IMG标记。概述不是原始问题的范围,但我想知道如何使用“spacer.png”作为开始;具有该名称的图像通常用于黑客攻击,否则可以用纯CSS解决。再说一遍,尽管。。。更奇怪的是,这不是你真正的问题。不,不,不。。带有IMG src=“myImage”间隔符的IMG标签只是一个IE补丁。不,不,不。。带有IMG src=“myImage”间隔符的IMG标签只是一个IE补丁。