Как округлить ширину блока до целого числа при адаптивной ширине?

Question

[Sacred133]

Допустим имеется блок DIV с шириной 100%, с детьми DIV. Расчет ширины детей зависит от "текста внутри детя"

<div width="100%">
      <div>Слово</div>
     <div>Слово</div>
     <div>Слово</div>
</div>

Браузер рассчитывает ширину детей и даем им к примеру ширину 92.5px.

<div width="100%">
      <div width="92.5px">Слово</div>
     <div width="92.2px">Слово</div>
     <div width="92.8px">Слово</div>
</div>

По условиям задачи я не могу задать явную ширину детей, они должны оставаться при любых условиях адаптивными.

Как заставить браузер округлить ширину этих блоков до целого числа?

Comments

[Вадим]

Как заставить браузер округлить ширину этих блоков до целого числа?

А зачем?

[Ankhena]

Расскажите, пожалуйста, исходную задачу. В текущей формулировке она выглядит весьма странно.

[Sacred133]

Вот пример: https://jsfiddle.net/Sacred13/f2ughmj0/8/

При наведении мыши на блок, я добавляю ему его ширину, для того чтобы он не схлопывался когда я делаю дитя абсолютным. И вот тут подвох, браузер дает расчет ширины блока к примеру 92.5px, а в .clientWidth для этого блока содержится ровное число, из-за этого при наведении начинают плавать соседние элементы, смещаясь на эту разницу.

[Lynn «Кофеман»]

А зачем что-то делать абсолютным?

https://jsfiddle.net/qxhyu3b7/

[Sacred133]

Lynn «Кофеман», Спасибо. Буду думать как разблокировать это свойство, потому что сейчас его блокирует начальная анимация, устанавливая блокам после загрузки: transform: "none",

Answer 1

[Антон Романков]

.parent {
  display: flex;
}

.child {
  flex: 1;
}