button标签内部嵌套div时的样式有bug（暂定的解决方案）
2014-11-13 16:57
344 查看
button标签内部嵌套div时的样式有bug
暂定解决方案，将button标签改为div标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
button{padding: 0;}
.logo_img{float: left;}
.download{float: right;}
</style>
</head>
<body style="padding:300px 0 0 200px;">
<button style="background-color: #54B333;border: none;color: white;width: 13.5em;height: 5.5em;border-radius: 0.625em;">
<span class="logo_img"><img src="android_logo.jpg" alt=""></span>
<span class="download">立即下载<span class="after"></span>开始赚钱</span>
</button>
</body>
</html>
暂定解决方案，将button标签改为div标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
button{padding: 0;}
.logo_img{float: left;}
.download{float: right;}
</style>
</head>
<body style="padding:300px 0 0 200px;">
<button style="background-color: #54B333;border: none;color: white;width: 13.5em;height: 5.5em;border-radius: 0.625em;">
<span class="logo_img"><img src="android_logo.jpg" alt=""></span>
<span class="download">立即下载<span class="after"></span>开始赚钱</span>
</button>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- div中的img标签多余空白bug解决方案
- 关于HTML代码中DIV标签的嵌套
- ie6 div select 图层错误的BUG解决方案(9元包邮)
- img标签下多余空白BUG解决方法 / div / img / 图片 / 空格
- 通过安卓中<include>标签findViewById时出现的bug及解决方案
- DIV多层嵌套margin-top的BUG问题
- 关于js设置标签样式来显示图片背景无效的解决方案
- 通过安卓中<include>标签findViewById时出现的bug及解决方案
- 一个可编辑div中粘贴内容时过滤掉粘贴内容的一些特殊的样式或者标签
- 嵌套DIV:父DIV的高度不能根据子DIV自动变化的解决方案
- HTML div标签内部组件导致onmouseout事件调用问题
- ie里的button标签的一个bug
- 页面设计中a标签内嵌套div标签的高度问题
- IE6 div标签height的Bug
- DIV嵌套时外层无法自适应高度三种解决方案（转）
- Flex中通过textAlign样式在一个按钮(Button)控件中设置标签（label）对齐方式的例子
- 关于DIV多层嵌套的margin-top的BUG
- 整块 div 连接 并不影响内部a标签的连接
- a标签内含有button不能跳转的解决方案
- html标签被div嵌套页面字体变大的解决办法