Question

我是新手（php＆amp; sql），我遇到了一些问题。在这里：

数据库中的内容显示为块元素，而我希望它以内联方式显示。

以下是图片：http://i.stack.imgur.com/69VUe.jpg

这是代码：

式的：

.article {
        width:300px;
        position:relative;
    }
    .article h2 {
        padding:10px;
        font-size:24px;
        text-align:right;
    }
    .article img {
        width:100%;
        margin:10px 0;
    }
    .article p {
        font-size:14px;
        text-align:justify;
    }

-php：

        <?php
$con=mysqli_connect("localhost","root","###","db-proba");
// Check connection
if (mysqli_connect_errno())
  {
  echo "Failed to connect to MySQL: " . mysqli_connect_error();
  }

$result = mysqli_query($con,"SELECT * FROM article_1");
;



while($row = mysqli_fetch_array($result))
  {
  echo "<div class='article'>";
  echo "<h2>" . $row['naslov'] . "</h2>";
  ?>
  <img src="images/<?php echo $row['slika']; ?>" />
  <?php
  echo "<p>" . $row['tekst'] . "</p>";

  echo "</div>";
  }

mysqli_close($con);
?>

任何想法？提前谢谢！

Answer 1

这个问题与PHP或SQL无关 - 这是一个CSS问题。

元素是显示为块还是内联取决于display属性。您可以将此设置为inline或inline-block：

.article {
    display: inline-block;
}

实现类似效果的另一种方法是将元素设置为块元素（这是DIV的浏览器默认值）并使用浮动。但浮动在处理上要复杂一些。

.article {
    float: left;
}

无论哪种方式，您还必须指定所需的宽度。要获得两个相同大小的列，每个块需要50％的宽度来填充整个宽度。请记住，在默认框模型中，仅测量内容的宽度 - 添加填充和边框。但是现在你可以改变盒子模型了。更完整的解决方案可能如下所示：

.article-wrapper {
    width: 600px;
    max-width: 100%; // shrink on small screens, i.e. make it fluid
}
.article {
    display: inline-block;
    width: 50%;
    box-sizing: border-box;
    padding: 1em;
}
.article h2 {
    font-size: 2.2em;
    text-align: right;
}
.article img {
    width: 100%;
    height: auto;
}
.article p {
    text-align: justify;
}

如何以特定顺序显示sql数据库中的内容

3 个答案: