css
关注
分享
扫一扫
k7Cx7e
这个作者很懒，什么都没留下…
展开
-
DIV在Position:absolute情况下的居中
在DIV定位中有时候使用的是相对定位，而DIV在Position:absolute情况下的居中需要知道DIV的高和宽；通过数学我们可以知道，可以首先将DIV的高/宽的定位设置：Left/Top设为50%；然后将Margin-Left/Top：-(宽/高 ÷ 2)即可。例如：转载 2016-08-04 18:26:50 · 1582 阅读 · 0 评论 -
input的type=number时出现上下小箭头的解决办法
其实将input的type=number改为type=tel就可以了，简单粗暴，兼容性好。原创 2019-05-27 09:51:06 · 1475 阅读 · 1 评论 -
css背景图片布满全部背景，并且保持长宽比
<style type="text/css">.bg{ background-image: url(/static/images/bg.jpg); background-repeat: no-repeat; background-size: 100% 100%;}</style> <body class="bg"></body&g...转载 2018-12-18 09:15:15 · 3852 阅读 · 0 评论 -
CSS实现两端对齐
div{text-align: justify; }div:after{display: inline-block ; content: ''; padding-left: 100%; }div、lable、span等都可以实现。转载 2018-11-24 11:18:01 · 2275 阅读 · 0 评论 -
css实现背景图PC端/手机端自适应
css代码：@charset "utf-8";*{ margin: 0px; padding: 0px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px;}a{ text-decoration: none;}html{ width: 100%; height: 1原创 2017-09-09 09:17:26 · 11543 阅读 · 2 评论 -
CSS3的div 圆角(border-radius)
实例代码：#round { padding:10px; width:300px; height:50px; border: 5px solid #dedede; -moz-border-radius: 15px; /* Gecko browsers */ -webkit-border-radius: 15px; /* Webkit browser原创 2017-03-28 13:43:39 · 306 阅读 · 0 评论 -
html的table跨行跨列合并
跨行合并：rowspan 如：rowspan = " 2 "跨列合并：colspan 如：colspan = " 3 "原创 2017-03-04 21:37:49 · 5508 阅读 · 0 评论 -
div子级float后高度不能自适应问题的解决
也许你在做网页的时候发现，发一个区块内的元素被应用了float之后，那么整个box的高度对就不以被浮动对象的高度为标准了。overflow:auto; zoom:1;overflow:auto;是让高度自适应， zoom:1;是为了兼容IE6，也可以用height:1%;的方式来解决。原创 2017-02-03 09:36:54 · 426 阅读 · 0 评论 -
微信H5页面的建议尺寸
秀米给的满屏建议尺寸：640×1008，按照这个尺寸测试了效果还算满意。转载 2017-01-16 19:34:42 · 13186 阅读 · 0 评论 -
版权符号模糊解决办法
网页上的版权符号的html代码：©©效果：©转载 2017-01-16 19:14:53 · 649 阅读 · 0 评论 -
div重叠层次代码
html代码：css代码：#div0{position:relative; z-index:0;}#div1{position:absolute; z-index:1;}#div2{position:absolute; z-index:1;}原创 2016-08-06 15:39:40 · 937 阅读 · 0 评论 -
禁止浏览器记录文本框输入过的内容
<form action="" method="get" autocomplete="on"> First name:<input type="text" name="fname" /><br /> Last name: <input type="text" name="lname" /><br /> E-mai...转载 2019-06-12 09:07:19 · 1215 阅读 · 0 评论