Вы можете использовать количество столбцов в этой цели, вы можете изменить стиль по вашему требованию, просто изменить то описание класса. вы можете установить границу. пробел этих двух столбцов, сделанных атрибутом items column-gap: 40px;
, вы также можете изменить его.
Попробуйте это, CSS:
<style>
.items {
-webkit-column-count: 2; /* Chrome, Safari, Opera */
-moz-column-count: 2; /* Firefox */
column-count: 2;
-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
-moz-column-gap: 40px; /* Firefox */
column-gap: 40px;
}
.description{
display: block;
}
</style>
PHP:
<div class="items">
<?php
//$items = $wpo_wcpdf->get_order_items();
$items = array(array("name" => "andrew", "quantity" => "10", "meta" => ""), array("name" => "andrew", "quantity" => "10", "meta" => ""), array("name" => "andrew", "quantity" => "10", "meta" => ""), array("name" => "andrew", "quantity" => "10", "meta" => ""), array("name" => "andrew", "quantity" => "10", "meta" => ""));
if(sizeof($items) > 0) : foreach($items as $item) : ?>
<span class="description">
<?php echo $item['name']; ?><?php echo $item['meta']; ?>
<?php echo $item['quantity']; ?>
</span>
<?php endforeach; endif; ?>
</div>
предоставить ваш '$' деталей, пожалуйста. [Сырец массив] –