У меня есть div и мне нужно 6 пролетов там с фиксированной шириной (теперь есть текст) - когда я удаляю текст, ширина равна 0px. Что я могу сделать? Я попробовал купол с display: block;
, но он перемещал пролеты под ними.Ширина фиксированной ширины в div
Вот JSFiddle demo.
#load-1 {
border-bottom: 3px pink solid;
width: 10px;
height: 10px;
}
#load-2 {
border-bottom: 3px grey solid;
}
#load-3 {
border-bottom: 3px grey solid;
}
#load-4 {
border-bottom: 3px grey solid;
}
#load-5 {
border-bottom: 3px grey solid;
}
#load-6 {
border-bottom: 3px grey solid;
}
<div class="load">
<span class="loading" id="load-1">hello</span>
<span class="loading" id="load-2">hello</span>
<span class="loading" id="load-3">hello</span>
<span class="loading" id="load-4">hello</span>
<span class="loading" id="load-5">hello</span>
<span class="loading" id="load-6">hello</span>
</div>
Try дисплей: встроенный блок; и удалить высоту или установить не 10px; – EekTheCat
Поскольку вам нужна только ширина исправления, почему бы не использовать «display: inline-block» –