请教 css 问题：两个 button 怎么连在一起，中间没有空隙

[zxCoder]

<button>a</button><button>b</button>

这样是可以的，但是 ide 会格式化，加上个回车，导致两个按钮之间有空隙

[learnshare]

和这个类似 /t/807493

[dcalsky]

用 css 保证样式，而不是依赖 html 语义化的约定默认样式。

[christin]

https://btfy.vercel.app/?q=5Lik5LiqYnV0dG9u6Ze05pyJ56m66ZqZ

[Kaciras]

那就不要格式化

[3dwelcome]

我也遇到过类似的问题，ide 为了对齐，每个 span 占了一整行，换行符最终变成了页面中的空隙。
这就是我不喜欢 html 的地方，还是 C++好。

[iBugOne]

外面的容器设成 flex

[Biwood]

1. 使用 html 压缩工具，去掉不必要的格式化字符

2. 有空隙是因为回车符号被浏览器解析为一个空格字符，空格字符默认会占有一定的宽度，想要这个宽度消失，很简单，只需要让这个字符大小为 0 即可，也就是说，需要给 button 的父元素设置 font-size: 0 ，当然，这可能会导致所有子元素的字体都看不到，需要手动给子元素在设置一下字体大小

3. 给 button 的父元素设置 display: flex ，然后分别设置 button 的 flex 值，比如 1 1 auto

[Cbdy]

https://www.zhangxinxu.com/wordpress/2012/04/inline-block-space-remove-%E5%8E%BB%E9%99%A4%E9%97%B4%E8%B7%9D/