<div>和<button>使用相同风格的不同行为
<div>和<button>使用相同风格的不同行为
提问于 2019-02-10 18:03:12
按钮和div的行为不同，具有相同的样式。宽度上的实际差异: div有100%的父级宽度，而按钮的行为就像display: inline;一样，宽度最小，没有实际的内联。而且都有display: block;。
这个奇怪的按钮行为就是我想用div实现的。问题是'width: auto;'以另一种方式工作。所以我得到的div的样式和默认的chrome中的button是一样的。因此，有一个属性集是不同的：-webkit-appearance，但是更改它对width或display属性没有意义。
我也试图用display: flex;来实现这一点，但是宽度变成了100%。如果有其他方法可以做到这一点，它必须处理父height: 0px和display: absolute
回答 1
Stack Overflow用户
发布于 2019-02-10 19:47:29
按钮显示为inline-block。如果你想让div以同样的方式“行为”，也可以将div显示为内联块。关于为什么按钮是这样的，请看下面的帖子：
div{
border:black solid ;
display:inline-block;
}<button></button>
<div>x</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/54619368
复制相关文章
点击加载更多
相似问题
Xamarin Button风格
风格使用行为
jQuery内部包含div和button的不同绑定
ajax更新面板- imagebutton和button的行为不同吗？
为什么这个button元素和一个div元素有不同的“click”行为？
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
