Html 3列等边距

.row{
宽度：200px；
背景：蓝色；
显示：块；
溢出：隐藏；
}
上校{
宽度：30%；
右边距：5px；
背景：红色；
浮动：左；
}

1.
2.
3.

检查此项。您可以使用

第一个子元素

属性删除第一个元素的边距

.row{
宽度：200px；
背景：蓝色；
显示：块；
溢出：隐藏；
}
上校{
宽度：30%；
左缘：5%；
背景：红色；
浮动：左；
}
上校：第一个孩子{
左边距：0px；
}

1.
2.
3.

检查此项。您可以使用

第一个子元素

属性删除第一个元素的边距

.row{
宽度：200px；
背景：蓝色；
显示：块；
溢出：隐藏；
}
上校{
宽度：30%；
左缘：5%；
背景：红色；
浮动：左；
}
上校：第一个孩子{
左边距：0px；
}

1.
2.
3.

只需

display:flex

即可实现以下功能：

.row{
宽度：200px；
背景：蓝色；
显示器：flex；
溢出：隐藏；
}
上校{
宽度：33%；
右边距：5px；
背景：红色；
}

1.
2.
3.

只需

display:flex

即可实现以下功能：

.row{
宽度：200px；
背景：蓝色；
显示器：flex；
溢出：隐藏；
}
上校{
宽度：33%；
右边距：5px；
背景：红色；
}

1.
2.
3.

.row{
宽度：200px；
背景：蓝色；
显示器：flex；
溢出：隐藏；
}
上校{
宽度：33.33%；
右边距：5px；
背景：红色；
浮动：左；
}

1.
2.
3.

.row{
宽度：200px；
背景：蓝色；
显示器：flex；
溢出：隐藏；
}
上校{
宽度：33.33%；
右边距：5px；
背景：红色；
浮动：左；
}

1.
2.
3.

以%表示裕度有一些资源可以让你学习如何将px计算成%，这只是一个随机的，希望有帮助：）以%表示裕度有一些资源可以让你学习如何将px计算成%，这只是一个随机的，希望有帮助：）为什么30%的宽度可以容纳5%的边距？计算是如何进行的？如果我把32%放在合适的位置，我必须使用2%的左边距。是的，你说得对！例如：100%—（32+32+32）%=96%。那么剩下的4%（2+2）作为边距为什么30%的宽度可以容纳5%的边距？计算是如何进行的？如果我把32%放在合适的位置，我必须使用2%的左边距。是的，你说得对！例如：100%—（32+32+32）%=96%。所以剩下的4%（2+2）作为margin@Jennifer你可以在这里很好地了解它。它将在许多地方和设计您的布局有用easily@Jennifer你可以在这里很好地了解它。它在很多地方都很有用，可以轻松设计布局