PHP页面布局？

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%的%宽度(记住左右填充和边距)，并将容器浮动到左侧。我确实喜欢在标签周围使用did的建议。

请注意:背景和页边距仅用于说明目的

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