Html CSS:如何将一个图像和一个块与两个<;p>;在一行中不使用float
我想把一个图像和一个块,两个放在一行, 但如果在图像上使用浮动, 它将走出那个大街区的边界。 我不想给大块头增加高度, 因为有时候图像不会退出。 像这样的链接:图像和(p1+p2)在一行中。 很抱歉,无法发布图像Html CSS:如何将一个图像和一个块与两个<;p>;在一行中不使用float,html,css,image,Html,Css,Image,我想把一个图像和一个块,两个放在一行, 但如果在图像上使用浮动, 它将走出那个大街区的边界。 我不想给大块头增加高度, 因为有时候图像不会退出。 像这样的链接:图像和(p1+p2)在一行中。 很抱歉,无法发布图像 big_block { border:2px solid #333; } <div class="big_block"> {if img exit }<img .... />{/if} <p>sometext,sometext,sometext,
big_block {
border:2px solid #333;
}
<div class="big_block">
{if img exit }<img .... />{/if}
<p>sometext,sometext,sometext,sometext</p>
<p>fulltext,fulltext,fulltext,fulltext</p>
</div>
big_块{
边框:2倍实心#333;
}
{if img exit}{/if}
sometext,sometext,sometext,sometext
全文,全文,全文,全文,全文
您可以尝试使用显示:内联到
标记
p {
margin: 0;
padding: 0;
display: inline;
}
选中此项只需声明溢出:隐藏父容器上的代码>。这将清除浮动,并通过确保父对象环绕段落和图像,确保图像不会超出父对象的边界
请参见此处的示例:我总是使用以下内容:
.big_block img { float: left; }
.big_block:after { display: block; cler: both; content: " "; }
出于兴趣,{if img exit}{/if}来自什么语言?我从来没有在CSS中看到过。它不是在CSS中,而是在Smarty模板中。另外,它应该是.big_block{…}
是的…以防这里没有使用内联块。谢谢你更新了代码。我尝试了内联显示我尝试了内联显示,如果你有两个你就会失败。.fix
类只是有溢出:隐藏代码>添加的规则:)