标签: space-between

Flexbox space-between has extra 1px gap at the end when using calc()

I was developing a grid system using flexbox's justify-content: space-between; and I noticed that on certain screen sizes (about every other pixel) a 1 pixel gap appears at the end of certain columns.

If you start to resize your browser with the example below, you can see the 1 pixel space appearing and disappearing.

Example

* {
  margin: 0;
  padding: 0;
}

.row {
  display: flex;
  flex-wrap: wrap;
  max-width: 550px;
  width: 100%;
  margin: 0 auto;
  border: 2px solid #888;
  justify-content: …
Run Code Online (Sandbox Code Playgroud)

css flexbox css-calc space-between

9
推荐指数
1
解决办法
316
查看次数

标签 统计

css ×1

css-calc ×1

flexbox ×1

space-between ×1