In vue-cli3 project, style bug? in template

after the project is upgraded to vue-cli3, the following content: originally, there are spaces and gaps between li tags. It seems that the spaces between tags after compilation have been removed, resulting in elements being linked together. Can you solve this problem by configuring items, or do you want to change similar layouts into other ways in the project?

clipboard.png

.test-item {
display: inline-block;
border: 1px solid -sharp000;
padding: 5px;
}

<ul class="test-ul">
<li class="test-item">test</li>
<li class="test-item">test</li>
<li class="test-item">test</li>
<li class="test-item">test</li>
<li class="test-item">test</li>
</ul>
Jun.29,2021
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b38b8b-2c12b.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b38b8b-2c12b.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?