Еще не видели решения с margin
в любом из этих ответов, так что вот мое решение этой проблемы.
Это решение работает только если вы знаете ширина вашего изображения.
This is my very long text what should align. This is my very long text what should align.
div {
overflow:hidden;
}
img {
width:80px
margin-right:20px;
display:inline-block;
vertical-align:middle;
}
span {
width:100%;
margin-right:-100px;
padding-right:100px;
display:inline-block;
vertical-align:middle;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
Вы можете сделать это с помощью простого цикла (я использовал title
для определения сходства между элементами, но вы можете изменить это):
$arr = array(["title" => "Abercarn RFC", "category"=> "Club"], ["title" => "other title", "category"=> "BlaBla"], ["title" => "Abercarn RFC", "category"=> "Seniors"]);
$res = array();
foreach($arr as $e) {
if (isset($res[$e["title"]]))
$res[$e["title"]]["category"] .= ", " . $e["category"];
else $res[$e["title"]] = $e;
}
Если вы хотите удалить ключ массива, вы можете использовать [ 112].
$res
будет вашим желанием.