首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >反应消除元素间的间距

反应消除元素间的间距
EN

Stack Overflow用户
提问于 2019-11-12 17:35:52
回答 2查看 677关注 0票数 1

这是一个小提琴演示

html

代码语言:javascript
运行
复制
<div>
  <button>One</button>
  <button>Two</button>
  <button>Three</button>
</div>
<div id="app"></div>

js

代码语言:javascript
运行
复制
function Buttons() {
  return (
    <div>
      <button>One</button>
      <button>Two</button>
      <button>Three</button>
    </div>
  );
}
ReactDOM.render(<Buttons />, document.querySelector("#app"))

基本上,不管我是否有样式表,将元素放在一起会使它们之间有9px的空间(至少在Chrome上是这样),但是在react组件中做完全相同的事情不会在它们之间留下任何空间。我想知道它们为什么不一致,如果可能的话,如何使它们一致。

EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/58823884

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档