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 CSS网格未对齐_Php_Html_Css_Mysql - Fatal编程技术网

Php CSS网格未对齐

Php CSS网格未对齐,php,html,css,mysql,Php,Html,Css,Mysql,我正在尝试用CSS网格创建一个简单的页面。 在使用MySQL插入php函数之前,结果非常好 CSS .thumbnail { margin-bottom: 20px; padding: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 5px; width: 350px; } HTML/PHP <div class="container text

我正在尝试用CSS网格创建一个简单的页面。 在使用MySQL插入php函数之前,结果非常好

CSS

.thumbnail
{
    margin-bottom: 20px;
    padding: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 5px;
    width: 350px;
}
HTML/PHP

<div class="container text-center">
    <br>
    <div class="item col-lg-4">
        <div class="thumbnail">
            <br>
            <?php if ($fetch['file_name'] == '') { ?>
                <img class="img-fluid" src="../images/missing.png" alt="Sample image" style="height:150px; width:150px;">
            <?php } else { ?>
                <img class="img-fluid" src="../images/<?php echo $fetch['file_name']; ?>" alt="missing.png" style="height:150px; width:150px;"/>
            <?php } ?>

            <div class="caption">
                <h4><?php echo $fetch['school_name']; ?></h4>
                <p><?php echo $fetch['email']; ?></p>
                <p class="lead">$21.000</p>
                <a class="btn2" href="profileorg.php?Org_ID=<?php echo $fetch['Org_ID'] ?>">View profile</a>
            </div>
        </div>
    </div>
    <?php } ?>
</div>



“alt=”missing.png“style=”高度:150px;宽度:150px;"/>

$21.000

截图如下

这是我的问题:

插入php函数后

我想要的是网格对齐,如下所示:

参考




“alt=”missing.png“style=”高度:150px;宽度:150px;“/>

$21.000


可能是因为插入了额外的右大括号。这段代码可以很好地帮助您。

您有一个PHP右括号太多了。还有一个提示,请为模板使用其他语法。不是
,而是
当我删除结束大括号时,它会说“解析错误:语法错误,C:\xampp\htdocs\…第73行中的文件意外结束”,根据您提供的代码段,该括号不应该在那里。你们可能在顶部的某个地方有一个开口括号。根据您提供的屏幕截图,似乎,
标记导致您的div下移。尝试从代码段中删除
。该死!我没有想到那件事。哈哈,谢谢你的修复。我在笑。非常感谢,已经修好了。
    <div class="container text-center">
    <br>
    <div class="item col-lg-4">
        <div class="thumbnail">
            <br>
            <?php if ($fetch['file_name'] == '') { ?>
                <img class="img-fluid" src="../images/missing.png" alt="Sample image" style="height:150px; width:150px;">
            <?php } else { ?>
                <img class="img-fluid" src="../images/<?php echo $fetch['file_name']; ?>" alt="missing.png" style="height:150px; width:150px;"/>
            <?php } ?>

            <div class="caption">
                <h4><?php echo $fetch['school_name']; ?></h4>
                <p><?php echo $fetch['email']; ?></p>
                <p class="lead">$21.000</p>
                <a class="btn2" href="profileorg.php?Org_ID=<?php echo $fetch['Org_ID'] ?>">View profile</a>
            </div>
        </div>
    </div>
</div>