Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.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 CSS:如何将一个图像和一个块与两个<;p>;在一行中不使用float_Html_Css_Image - Fatal编程技术网

Html CSS:如何将一个图像和一个块与两个<;p>;在一行中不使用float

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,

我想把一个图像和一个块,两个放在一行, 但如果在图像上使用浮动, 它将走出那个大街区的边界。 我不想给大块头增加高度, 因为有时候图像不会退出。 像这样的链接:图像和(p1+p2)在一行中。 很抱歉,无法发布图像

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
类只是有
溢出:隐藏添加的规则:)