button标签内部嵌套div时的样式有bug(暂定的解决方案)

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" ></span>

<span class="download">立即下载<span class="after"></span>开始赚钱</span>
</button>
</body>
</html>

时间: 2024-07-31 09:24:06

button标签内部嵌套div时的样式有bug(暂定的解决方案)的相关文章

HTML里为什么不能在&lt;p&gt;标签中嵌套&lt;div&gt;标签

学习过HTML语言的人都应该知道,在HTML里,有分块级元素和内联元素:例如我们常用到的div,o,ul,dl,table,h1...h6等,这些都是块级元素:而像a,b,i,em,img,span等就是内联元素了.在开发过程中,我们避免不了各种元素的嵌套,但是有时候我们在不知不觉中就错误地嵌套元素了.为什么说是不知不觉呢.因为就算我们错误地嵌套了,但是在浏览器中显示的时候,其实是没有区别的.咱们今天就具体地分析为什么不能再<p>里嵌套<div>.希望通过这个例子,大家可以自己去学

p标签里面不能嵌套div

先申明本人代码水平为零起点,刚开始学习前端,所以就是小白.不过大神也是小白变身的么,所以要专心码代码,潜心钻研,haha~ 今天练习了段代码,发现效果和自己想象的不一样: 想了一下估计是<p>和<div>嵌套的问题,但是两个不都是块级元素,难道不能嵌套么,而且最后的结果居然是多出来一段<p>的效果,感觉HTML包容心好强,代码码错了也能显示出来.所以就在网上找了点资料,涉及到块级元素和内联元素的嵌套问题. 1.块级元素(block)与内联元素(inline)的区别: 简

用Jquery动态append方式加入标签时Css样式丢失的解决方法

一般在Jquery中会用下面的方式来添加新标签: var obj = "<fieldset data-role='controlgroup' data-type='vertical' data-role='fieldcontain'> <input id='menu0" type='checkbox'/><label for='menu0'> 复选框 </label> </fieldset>";  //按个人要求拼接

p标签内不能嵌套div(注解)

相关知识: 内联元素可以嵌套内联元素,块级元素可以嵌套部分块级元素并也能嵌套内联元素,但内联元素不能嵌套块级元素.块级元素为block,内联元素为inline,拥有"inline"特性的同时又拥有"block"的特性称为replace元素. <p> <div>编码美学</div> <div>编码美学</div> </p> 在上面的代码中,p标签在遇到下一个块级元素的时候就闭合了,它会被浏览器解析

&lt;button&gt; 标签 id 与 function 重复时发生的问题

今天遇到一种情况,在调用js自定义方法的时候,总是提示“import:660 Uncaught TypeError: ... is not a function”. 仔细检查了代码,并没有问题.甚至把方法提全部删除,都不行. 最后发现我的button标签id属性与function名字重复.发现重复之后,我记得使用button标签是,可以直接用id属性表示这个标签元素,都不需要使用$("#...")Jquery 选择器. 这时候,明白了使用button标签,会根据id自动创建变量,由于我

解决jquery使用ajax提交button标签时重复提交了。

这几天遇到一个jquery的ajax问题.相关代码是 <form action="xxx" method="post"> <button type="submit" class="tijiao">提交</button> </form> js为 $(".tijiao").click(function(){ $.post(xxx, $('.alert-form')

HTML标签的嵌套规则

我在平时在写html文档的时候,发现不太清楚标签之间的嵌套规则,经常是想到什么标签就用那些,后来发现有些标签嵌套却是错误的.通过网上找资料,了解了html标签的嵌套规则. 一.HTML 标签包括 块级元素(block).内联元素(inline)  1.块级元素  一般用来搭建网站架构.布局.承载内容的元素,如下:  address.blockquote.center.dir.div.dl.dt.dd.fieldset.form.h1~h6.hr.isindex.menu.noframes.nos

div嵌套div 背景图片 不显示的问题

这几天 在做一个小Demo的时候碰到了如上的问题,一个DIV嵌套多个DIV时,父容器DIV不显示背景图片.同时结合之前碰到类似的问题,我归纳了如下几个解决方法: 1.就是常见的 子div 背景把父div的背景给盖住了,例子: 该例子就是 我有一个父div 和它里面嵌套的一个子div,两个div的宽度和高度大小是一样的,其中父div的背景图片就是上面这张图片(箭头部分是透明的),子div的背景图片是那种渐变灰色图片,其实懂英语的人应该看出来了就是,我想实现一个那种类似于iphone滑动那种灯光从

Html 标签的嵌套规则

一.HTML 标签包括 块级元素(block).内嵌元素(inline) 1.块级元素 一般用来搭建网站架构.布局.承载内容--它包括以下这些标签: address.blockquote.center.dir.div.dl.dt.dd.fieldset.form.h1~h6.hr.isindex.menu.noframes.noscript.ol.p.pre.table.ul       2.内嵌元素 一般用在网站内容之中的某些细节或部位,用以"强调.区分样式.上标.下标.锚点"等等,