Question

在网站页面的投票中心展示以下3个民意调查。它们在页面上堆叠在一起。

<?php   
    require_once('poll/poll.php');
    show_vote_control('1');

    ?><h2>Poll 2</h2><?php 
    show_vote_control('2');

    ?><h2>Poll 3</h2><?php 
    show_vote_control('3'); 
?>

但我想在页面上并排展示它们！我的思绪一定是空白，因为我现在无法实现。表格布局会出错。

提前感谢任何指示。

Answer 1

您需要使用HTML和CSS来设置内容的样式。您可以执行以下操作：

<?php
    require_once('poll/poll.php'); // which you would put with the rest of your includes/requires
?>
<div class="clear"></div>
<div class="poll"><h2>Poll 1<h2><?php show_vote_control('1'); ?></div>
<div class="poll"><h2>Poll 2<h2><?php show_vote_control('2'); ?></div>
<div class="poll"><h2>Poll 3<h2><?php show_vote_control('3'); ?></div>
<div class="clear"></div>

然后你的CSS会是这样的：

.clear
{
    clear: both; // resets alignment rules
}

.poll
{
    float: left;
    // rest of the style information, like width height etc
}

Answer 2

您是否有任何CSS代码可以处理实际网络内容的定位？

PHP将只渲染为HTML，因此可以通过CSS更改布局。尝试设置标题标签的样式，使它们并排显示。你可以尝试这样的事情：

<h2 style="position:relative;"> Poll 2 
<?php show_vote_control('2'); ?>
</h2>

在你的所有标题上看到我的意思（这只是将它们放在彼此之下）。或者，您可以使用div来实现相同的效果。有关级联样式表的更多信息，请参阅w3schools css tutorial。

Answer 3

请参阅我的示例：http://jsbin.com/avabet/1/

我不想使用明确的修复程序。而是使用等于100％的％宽度（记住左右填充和边距）并将容器浮动到左侧。我确实喜欢在标签周围使用div的建议。

请注意：背景和保证金仅供说明之用

.poll {
  width:31%;
  float:left;
  background:gray;
  margin: 1em 1%;
}

PHP页面布局？

3 个答案: