【问题标题】:How to properly display two strings side by side如何正确并排显示两个字符串
【发布时间】:2015-10-27 10:14:37
【问题描述】:

我有两个数组,我使用 implode() 将其转换为字符串,然后回显出来。

理想情况下,我希望一个字符串中的 1 值与另一个字符串中的另一个值相邻,最好嵌套在一个

<p></p>

这是我用来在每个值后发出换行符、将其包装在 div 中并使其浮动的代码。

<?php 
echo '<div class="wrapper"><div style="text-align:left; float:left;"         
class="glue">';
echo implode('<br>',$test);
echo '</div>';
echo '<div style="text-align:right; float:right;" class="glue">';
echo implode('<br>',$_POST);
echo '</div></div>';
?>

目前这很好用,因为两个 div 在我的容器中彼此相邻,但如果值在 P 标签内会更容易,这样我就可以轻松地将图像放在它们之间。

我在下面添加了一些图片以更好地展示我的目标。 第一个是我尝试过的,第二个是我想要的。

【问题讨论】:

  • 对内部div 都使用float:left
  • 那仍然会产生相同的结果,我不希望每列数字都在单独的 div 中,我希望每个数字的第一个值都在

    第二个也一样,这样可行吗?

标签: php html css arrays string


【解决方案1】:

这是你想要的吗?

<style type="text/css">
    p{
        overflow: hidden;
    }
    span.left{
        float: left;
    }
    span.right{
        float: right;
    }
</style>
<?php
foreach($test as $k=>$v){
    echo '<p><span class="left">'.$test[$k].'</span><span class="right">'.$_POST[$k].'</span></p>';
}

【讨论】:

  • 是的!我如何在 php 中做到这一点?每当我尝试将它们包装在

    中时,它一次只做一个数字

  • 可能是这样的? &lt;style type="text/css"&gt; p{ overflow: hidden; } span.left{ float: left; } span.right{ float: right; } &lt;/style&gt; &lt;?php foreach($test as $k=&gt;$v){ echo '&lt;p&gt;&lt;span class="left"&gt;'.$test[$k].'&lt;/span&gt;&lt;span class="right"&gt;'.$_POST[$k].'&lt;/span&gt;&lt;/p&gt;'; } ?&gt;
  • 你就是那个男人!将您的评论添加到您的答案中,我会接受!
  • 我改了答案
【解决方案2】:

在将段落标签分成两半之前,这是不可能的。

试试这个,

.div1 {
    float: left;
}

.div2 {
    float:right;
}

.div2 {
    float:right;
    text-align: right;
}
<p>
    <div class="div1">Left Text</div>
    <div class="div2">Right Text</div>
</p>

【讨论】:

    【解决方案3】:

    如果两个数组的长度相同,最简单的示例如下所示:

    <?php 
    $test[0] = "a";
    $test[1] = "b";
    $test[2] = "c";
    $test[3] = "d";
    $test2[0] = 1;
    $test2[1] = 2;
    $test2[2] = 3;
    $test2[3] = 4;
    for($i=0;$i<count($test);$i++)
    {
    echo "<p><nobr>".$test[$i] . "</nobr> <nobr style='float:right;'>" . $test2[$i] . "</nobr></p>";
    }
    

    如果你想测试它是否合适,只需粘贴代码here

    【讨论】:

    • 我觉得这段代码效果不错,'.$test[0]; ?> '; ?> 但它只显示每个值的第一个值,但输出是我想要的,有没有办法像你对 for($i=0;$i
    • 是的,for($i=0;$i
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-01-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多