时间戳

首页 > 解决方案 > 在 html 中包含 php 页面后 CSS 行中断

php - 在 html 中包含 php 页面后 CSS 行中断

问题描述

我的 css 行和列有问题，当我在 html 中包含 php 文件时，我的列仅垂直排列

这是我的仪表板网站，我试图找到解决方案但没有运气

当我把这样的代码

<div class="row">
    <div class="col-md-4" id="list">
    <div class="bg-mattBlackLight my-2 p-4">
        <h1>HELLO</h1>
    </div>
    </div>

    <div class="col-md-4" id="list">
    <div class="bg-mattBlackLight my-2 p-4">
        <h1>HELLO</h1>
    </div>
    </div>

    <div class="col-md-4" id="list">
    <div class="bg-mattBlackLight my-2 p-4">
        <h1>HELLO</h1>
    </div>
    </div>
</div>

与列大小和位置完美配合（屏幕截图：https ://ibb.co/tqRvBtL ） 在此处输入图像描述

但是当我包含这样的 php 页面时

<div class="row">
    <div class="col-md-4" id="list">
    <div class="bg-mattBlackLight my-2 p-4">
        <?php include 'php/user-list.php';?>
    </div>
    </div>

    <div class="col-md-4" id="list">
    <div class="bg-mattBlackLight my-2 p-4">
        <h1>HELLO</h1>
    </div>
    </div>

    <div class="col-md-4" id="list">
    <div class="bg-mattBlackLight my-2 p-4">
        <h1>HELLO</h1>
    </div>
    </div>
</div>

列排列是垂直的（屏幕截图：https ://ibb.co/Q6qQJDJ ） 在此处输入图像描述 有人知道出了什么问题吗？

标签： phphtmlcss

解决方案

确保您已关闭 PHP 文件中的所有打开标签

推荐阅读