Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.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
Php 包装器未正确内联显示内容_Php_Html_Css_Flexbox - Fatal编程技术网
Fatal编程技术网
  • php/
  • Php 包装器未正确内联显示内容

Php 包装器未正确内联显示内容

php html css

Php 包装器未正确内联显示内容,php,html,css,flexbox,Php,Html,Css,Flexbox,我的网站有一个小问题，我必须完成一个学校项目。我将php代码放在一个包装器中，我正试图以内联方式显示它，但内容变得越来越小，并且没有真正的堆栈。 包装器中的内容重复，并且应该彼此相邻，直到没有剩余空间，然后应该放在第一个下。我希望你明白我的意思：）。任何帮助都将不胜感激 HTML <section class="wrapper"> <?php foreach ($armbond as $entry) { echo "<div class='box'>

我的网站有一个小问题，我必须完成一个学校项目。我将php代码放在一个包装器中，我正试图以内联方式显示它，但内容变得越来越小，并且没有真正的堆栈。 包装器中的内容重复，并且应该彼此相邻，直到没有剩余空间，然后应该放在第一个下。我希望你明白我的意思：）。任何帮助都将不胜感激

HTML

 <section class="wrapper">
<?php
  foreach ($armbond as $entry)
  {
    echo "<div class='box'> " . "name: " . $entry[0] . "." . " " . "<br> inforamtion: " .  $entry[2] . "." . '<br> <img src="' . $entry[1] . '" style="width:304p"' .'">'. " " . "<br> price: " .  $entry[3] . "</div> ";
  }
?>
</section>`
使用
flex-flow：行换行没有
行换行

请在此处阅读更多信息：



.wrapper{
显示器：flex；
柔性流：行换行；
}
.盒子{
背景：银；
保证金：2倍；
高度：自动；
宽度：300px；
}



姓名:zzzz

资料：xxxx



价格：111111
姓名:zzzz

资料：xxxx



价格：111111
姓名:zzzz

资料：xxxx



价格：111111
姓名:zzzz

资料：xxxx



价格：111111

显示呈现的HTMLC这可能是问题的一部分吗
style=“width:304p”
缺少一个
x
。而且
信息可能应该是
信息
。

.wrapper{
  display: flex;
  flex-flow: row-wrap;
}

.box{
  background: silver;
  margin:2px;
  height: 150px;
  width: 300px;
}`