Можно с помощью css-фреймворка, тот же Bootstrap, или если еще проще - Purecss.
<div class="pure-g">
<div id="item1" class="pure-u-1-4">...</div>
<div id="item2" class="pure-u-1-4">...</div>
<div id="item3" class="pure-u-1-4">...</div>
<div id="item4" class="pure-u-1-4">...</div>
<div id="item5" class="pure-u-1-4">...</div>
<div id="item6" class="pure-u-1-4">...</div>
<div id="item7" class="pure-u-1-4">...</div>
<div id="item8" class="pure-u-1-4">...</div>
</div>
При этом у классов pure-g по умолчанию display:flex. так что все махинации с флексбоксами к ним так же применимы.