У меня есть два массива, которые я использую 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, чтобы я мог легко поместить изображение между ними.

Я добавил несколько изображений ниже, чтобы лучше продемонстрировать, к чему я стремлюсь. Первый - это то, что я пробовал, а второй - то, что мне хотелось бы.

enter image description here enter image description here

0
Joe D 27 Окт 2015 в 13:14

3 ответа

Лучший ответ

Вы этого хотите?

<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>';
}
1
nagiyevel 27 Окт 2015 в 11:06

Если оба массива имеют одинаковую длину, наиболее простой пример будет выглядеть так:

<?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>";
}

Если вы хотите проверить, подходит ли он, просто вставьте код сюда

1
Silencio 27 Окт 2015 в 10:37

Это невозможно, пока вы не разделите тег абзаца на 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>
1
sanjeev shetty 27 Окт 2015 в 10:27