Question

我正在尝试设置数据库中某些数据的宽度，以便所有数据都是相同的长度。

我正在使用（用于测试），以下CSS：

style='width: 200px; border: 1px solid black;'

这是一个粗体标记，仅用于测试。

结果不是我想要的。

底部文字使用以下css：

.pwidth { width: 200px; border: 1px solid black; }

我想要PID之后的数据：看起来像演示前一样。

我错过了什么？

<body>

<section>
    <div class="jumbotron">
        <h1 class="text-center">Index Of Records</h1>
        <h2 class="text-center">Add New Record <a href='insert_record.php'>(x)</a><h2>
    </div>
    <div class="container">

        <?php
        if ($result->num_rows > 0) {
            // output data of each row
            while($row = $result->fetch_assoc()) {
                echo "<div><strong>PID:</strong>";
                echo "<b style='width: 200px; border: 1px solid black;'>". $row["pid"]. "</span></b>";
                }
            } else {
                    echo "No records to view.";
                    }
            $con->close();
        ?>          
        <p class="pwidth">demo ex show<p>
    </div><!-- container end -->    
</section>

Answer 1

试试这个

<section>
    <div class="jumbotron">
        <h1 class="text-center">Index Of Records</h1>

        <h2 class="text-center">Add New Record <a href='insert_record.php'>(x)</a>

            <h2>
    </div>
    <div class="container">

        <?php
        if ($result->num_rows > 0) {
            // output data of each row
            while ($row = $result->fetch_assoc()) {
                echo "<div><strong>PID:</strong>";
                echo "<p style='width: 200px; border: 1px solid black;'>" . $row["pid"] . "</span></p>";
            }
        } else {
            echo "No records to view.";
        }
        $con->close();
        ?>

        <p class="pwidth">demo ex show</p>
    </div>
    <!-- container end -->
</section>

Answer 2

你的“pwidth”是什么类型的元素？您可以使用HTML-Block-Element设置宽度。

所以也许<p>, <div>或其他东西。

Answer 3

<b>标记不是块或内联块元素，因此它不能具有宽度/填充/边距值。

您可以在CSS中使用Class添加触发那些粗体标记并将其设为display: block;

使用PHP的样式

3 个答案: