如何使PHP仅在div中进行回显？_Php_Html_Css_Flexbox

如何使PHP仅在div中进行回显？

php html css

如何使PHP仅在div中进行回显？,php,html,css,flexbox,Php,Html,Css,Flexbox,我正在尝试创建一个页面，在卡片中显示RSS提要帖子，除了在div中只放置了一张卡片之外，一切都很好，该div具有flex-flex-wrap类，导致卡片垂直放置我的HTML和PHP代码 <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-s

我正在尝试创建一个页面，在卡片中显示RSS提要帖子，除了在

div

中只放置了一张卡片之外，一切都很好，该div具有

flex-flex-wrap

类，导致卡片垂直放置

我的HTML和PHP代码

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=Overpass+Mono:wght@700&display=swap" rel="stylesheet">
  <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js" defer></script>
  <style>
  body{
      padding: 25px;
  }
  </style>
</head>
<body>

<div class="flex flex-wrap">

<?php include 'rss.php';?>

</div>

</body>
</html>


身体{
填充：25px；
}

我的“rss.php”php代码

您的代码中有太多的结束/分割，我只是按自己的方式缩进，但您可以根据需要重新排序。也许它能解决问题
$url = "https://phpexample1.000webhostapp.com/feed.xml";
$xml = simplexml_load_file($url);
for($i = 0; $i < 5; $i++){
    $image = $xml->channel->item[$i]->children('media', True)->content->attributes();
    $title = $xml->channel->item[$i]->title;
    $link = $xml->channel->item[$i]->link;
    $description = $xml->channel->item[$i]->description;
    $pubDate = $xml->channel->item[$i]->pubDate;

    echo "<div class='w-full sm:w-1/2 md:w-1/3 lg:w-1/4 xl:w-1/6 mb-4'>
            <div class='max-w-sm rounded overflow-hidden shadow-lg'>
                <a href='$link'>
                    <img class='w-full' src='$image' alt='$title'>
                </a>
                <a href='$link'>
                    <div class='px-6 py-4'>
                        <div class='font-bold text-xl mb-2'>$title</div>
                        <p class='text-gray-700 text-base'>$description</p>
                        <p class='text-gray-600'>$pubDate</p>
                    </div>
                </a>
            </div>
        </div>";
}

$url=”https://phpexample1.000webhostapp.com/feed.xml";
$xml=simplexml\u加载文件（$url）；
对于（$i=0；$i<5；$i++）{
$image=$xml->channel->item[$i]->children（'media'，True）->content->attributes（）；
$title=$xml->channel->item[$i]->title；
$link=$xml->channel->item[$i]->link；
$description=$xml->channel->item[$i]->description；
$pubDate=$xml->channel->item[$i]->pubDate；
回声“
";
}
您的代码中有太多的结束/分割，我只是缩进了我的方式，但您可以根据需要重新排序。也许它能解决问题
$url = "https://phpexample1.000webhostapp.com/feed.xml";
$xml = simplexml_load_file($url);
for($i = 0; $i < 5; $i++){
    $image = $xml->channel->item[$i]->children('media', True)->content->attributes();
    $title = $xml->channel->item[$i]->title;
    $link = $xml->channel->item[$i]->link;
    $description = $xml->channel->item[$i]->description;
    $pubDate = $xml->channel->item[$i]->pubDate;

    echo "<div class='w-full sm:w-1/2 md:w-1/3 lg:w-1/4 xl:w-1/6 mb-4'>
            <div class='max-w-sm rounded overflow-hidden shadow-lg'>
                <a href='$link'>
                    <img class='w-full' src='$image' alt='$title'>
                </a>
                <a href='$link'>
                    <div class='px-6 py-4'>
                        <div class='font-bold text-xl mb-2'>$title</div>
                        <p class='text-gray-700 text-base'>$description</p>
                        <p class='text-gray-600'>$pubDate</p>
                    </div>
                </a>
            </div>
        </div>";
}

$url=”https://phpexample1.000webhostapp.com/feed.xml";
$xml=simplexml\u加载文件（$url）；
对于（$i=0；$i<5；$i++）{
$image=$xml->channel->item[$i]->children（'media'，True）->content->attributes（）；
$title=$xml->channel->item[$i]->title；
$link=$xml->channel->item[$i]->link；
$description=$xml->channel->item[$i]->description；
$pubDate=$xml->channel->item[$i]->pubDate；
回声“
";
}
你能将每张卡在各自的div中进行回显以使其对齐吗？我是PHP新手，所以我知道的不多。你能以某种方式进行回显，使每张卡在各自的div中以相同的方式进行回显，以便它们能够更准确地伸缩吗。我想你可以通过一些小小的CSS调整来解决这个问题。你能把每张卡都放在自己的div中，让它们对齐吗？我是PHP新手，所以我知道的不多。你能不能这样做，让每张卡都以相同的方式回显，但在自己的div中，这样它们可以更准确地伸缩。我想你可以通过一些小小的CSS调整来解决这个问题。