php - 如何自动将一个div分成两部分

标签 php html css

<分区>


想改进这个问题吗? 更新问题,使其只关注一个问题 editing this post .

关闭 6 年前

以下元素来自数据库表。

<div id="some_content">
  <a href="#">Data1</a><br>
  <a href="#">Data2</a><br>
  <a href="#">Data3</a><br>
  <a href="#">Data4</a><br>
  <a href="#">Data5</a><br>
</div>

可能存在超过 50 个元素的情况,如果发生这种情况,我不希望我的页面窗口溢出(和滚动)。

我只想要两列。

它应该自动将行数调整为一列/两列。

每当元素超过 10 个时,我希望网页中有两列。现在可以有 n 个 a 元素。

如果有50个,那么每列自动调整25个,如果有30个,那么每列自动调整15个。

最佳答案

这只是简单的数学运算...做类似的事情:

$number_of_columns = count($items) > 10 ? 2 : 1; // If more then 10, 2 columns
$number_of_items_per_column = floor($items / $number_of_columns); // Floor is needed because the result can be a fraction

while( $item = mysqli_fetch_array( ... ) ) {
    if( $i === $number_of_items_per_column ) {
        echo '</div><div>'; // close column and open new one
    }
    echo $item; // yeah not exactly like this, but you get the point
    $i++;
}

关于php - 如何自动将一个div分成两部分,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38039122/

上一篇:javascript - 如何通过单击此选择器上的 anchor 按钮来隐藏 div

下一篇:css - Angular 2 @Component 样式

相关文章:

php - 在 Joomla 页面中编辑 HTML

javascript - 使用 JavaScript 更改网页中的文本

html - 将 id 属性放在 "a"标签中还是放在 "h1/h2"标签中更好?

javascript - 检测点击,检查属性值和里面的文字,显示元素

javascript - 单击时平滑地扩展输入字段宽度

javascript - 通过拖动 div 的边缘水平调整 div 的大小

php - 如何让 json_encode() 与 ISO-8859-1 一起工作 (åäö)

php - Yii 在命令中使用模型

html - 使用 ie 6,7 和兼容性 View 时不显示 CSS HTML 背景图像

javascript - 如何增加所见即所得编辑器的高度?