Css 当div转到新行时,如何删除边距?

Css 当div转到新行时,如何删除边距?,css,margin,Css,Margin,我有一个固定宽度的容器div:160px 我可以在这个容器内有多个按钮,增加的宽度可以优于160px。除了第一个使用css的按钮外,每个按钮的左边距都设置为10px 当按钮到达新行时,我想去掉左边的空白 按钮#1 按钮#2 按钮#3 按钮#4 按钮#5 按钮#6 按钮#7 按钮#8 .集装箱{ 宽度:160px; 位置:相对位置; 保证金:0自动; 框大小:边框框; } 按钮:非(:第一个子项){左边距:10px;} 提前感谢您宝贵的帮助 将边距更改为文本缩进,这将确保仅缩进第一行 .co

我有一个固定宽度的容器div:160px

我可以在这个容器内有多个按钮,增加的宽度可以优于160px。除了第一个使用css的按钮外,每个按钮的左边距都设置为10px

当按钮到达新行时,我想去掉左边的空白


按钮#1
按钮#2
按钮#3
按钮#4
按钮#5
按钮#6
按钮#7
按钮#8
.集装箱{
宽度:160px;
位置:相对位置;
保证金:0自动;
框大小:边框框;
}
按钮:非(:第一个子项){左边距:10px;}

提前感谢您宝贵的帮助

边距
更改为
文本缩进
,这将确保仅缩进第一行

.container{
    text-indent:160px;
    position:relative;

    margin: 0 auto;
    box-sizing: border-box;  
}

只需像这样更新您的CSS,在
:第一个孩子之后的CSS中添加
tr

button:not(:first-child tr) { margin-left:10px;}


所以所有的按钮都是左对齐的,一行两个

为什么不在container div上使用padding呢?不确定要如何显示,是否需要这样的内容。
button:not(:first-child tr) { margin-left:10px;}