html – 如何设置像按钮元素一样的div？

概述我注意到使用< button>< / button>时元素,浏览器自然会假设你想要内联内联内容,并且元素是可点击的.是否可以通过css以相同的方式使用div？我浏览了UA样式表,看看我是否可以弄明白,但没有任何东西让它垂直居中. 我知道获得相同结果的唯一另一种方法是使用2个div.一个带有display：table和一个带显示的div的包装器：table-cell和vertical-align：m 我注意到使用< button>< / button>时元素,浏览器自然会假设你想要内联内联内容,并且元素是可点击的.是否可以通过CSS以相同的方式使用div？我浏览了UA样式表,看看我是否可以弄明白,但没有任何东西让它垂直居中.

我知道获得相同结果的唯一另一种方法是使用2个div.一个带有display：table和一个带显示的div的包装器：table-cell和vertical-align：mIDdle.

但这会产生额外的div.只用一个元素就可以实现相同的行为吗？

谢谢.

解决方法 http://jsfiddle.net/8Sj4A/3/ – 这确实垂直和水平居中(只添加了text-align：center;到原来的答案)

div {    display:inline-block;    color:#444;    border:1px solID #CCC;    background:#DDD;    Box-shadow: 0 0 5px -1px rgba(0,0.2);    cursor:pointer;    vertical-align:mIDdle;    max-wIDth: 100px;    padding: 5px;    text-align: center;}div:active {    color:red;    Box-shadow: 0 0 5px -1px rgba(0,0.6);}

总结

以上是内存溢出为你收集整理的html – 如何设置像按钮元素一样的div？全部内容，希望文章能够帮你解决html – 如何设置像按钮元素一样的div？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。