随笔分类 - html/css
摘要：***********转载请注明来源*********** 移动端适配，目前自己常用的两种 方案，参考以下两篇好文 方案一：使用lib-flexible包 https://www.w3cplus.com/mobile/lib-flexible-for-html5-layout.html 使用flex
阅读全文
摘要：我想通过js动态设置元素padding-top的百分比值：以下几种都是无法设置成功的: 成功实现的方式：
阅读全文
摘要：尝试把外层盒子滚动条样式隐藏，或者设为overflow:hidden等都不生效，突然发现iframe有这个属性的忘记用了！！ 把iframe的scrolling设为no即可。
阅读全文
摘要：document.getElementById('textarea').value; $("#textarea").val()
阅读全文
摘要：用padding-top百分比可以实现宽度固定高度按比例展示，现在的需求是对一个video视频的盒子div高度是固定的，宽度如何按比例展示？ 解决后效果如图： 红框标注的即是我在上面高度比例固定的范围内宽度自适应的效果； css代码： html: 由于视频是有宽高比的，这里给视频的高度直接是外面盒子
阅读全文
摘要：我现在的需求是这样的，我目前实现了一个div框，显示文字，超出两行显示...，如果单行要保证垂直居中，我如果给容器使用display:flex;align-items:center；则当文字内容过多的时候会不上下文字有截断； 现在效果如下： 解决方法： display:flex；垂直居中的是里面元素
阅读全文
摘要：效果如图，通过定位放两张背景图，外层的放灰色的5颗星图，内层的也是，宽度根据不同级别来展示，从而实现， star_1 ,代表半颗星，star_2 代表1颗星，以此类推，即默认比如2.5颗星乘2就是class的后缀数字，以此可以动态展示 要注意这个星星默认为16px*16px，间距5px，展示的星星宽
阅读全文
摘要：开发网页的时候，有时候会遇到大段的隐私声明，用户协议等等，我们呀要复制粘贴展示出来，必须加大量的p标签，h1,h2，空格符，br标签，这对我们来说无疑是泪崩的，有个很好的办法，可以快速给这些文字加标签： 找一个富文本编辑器，比如自己公司测试服务器上后台文章发布系统之类的，把这些文字粘贴好，编辑好样式
阅读全文
摘要：wordpress后台经常可以看到主题提示升级，但是发现升级之后样式，颜色等都变了，不是以前的样子了，这时候如果想要返回到以前版本，前提，必须以前版本有备份。 在wordpress里面找到主题 添加主题 上传主题 在wordpress项目目录 wp-content/themes/ 中找到对应的主题名
阅读全文
摘要：单选按钮： 加checked=checked属性 复选框 加checked=checked属性 select下拉框 加selected=selected属性 date日期： value='2018-06-06' 普通文本框： value="你要默认展示的值" textarea: 没有value属性，
阅读全文
摘要：如果不加滚动条样式，则 但是该方法对手机端不起作用，求大神支招！
阅读全文
摘要：PC端没问题，但是手机端测试无效。 参考链接：http://blog.csdn.net/u010730897/article/details/72721960 这里我用div模拟一个： PC端没问题，但是手机端依然测试无效。 还可与使用一个方法： 给div或者p加 contenteditable="
阅读全文
摘要：如图，当ul li，li元素浮动，并且ul元素也overflow:hidden清除浮动的时候，给li元素加了border,但是不显示底边，这时候要看是不是没有给li元素加高，因为加了border之后默认li的高度会继承ul的，再加上border的像素则超出了ul的高度，而高度设置了overflow：
阅读全文
摘要：accept表示打开的系统文件目录;capture表示的是系统所捕获的默认设备，camera：照相机；camcorder：摄像机；microphone：照相+摄像。 如果不加上capture,则只会显示相应的，例如上述三种依次是：拍照或图库，录像或图库，录像或拍照或图库，加上capture之后不会调
阅读全文
摘要：该方法在安卓端貌似不支持，显示为一团 或： 第二种通过文字阴影的方法模仿描边，这种1px的描边还可以，但是描边粗的话会看到很多锯齿，不平滑，描边还要看所用的字体，有些字体 如 helvitical ，描边之后显示的填充颜色很少，对于描边字体，最好加个粗，描边看起来更清晰；
阅读全文
摘要：在工作中遇到一种情况，例如把一个div元素绝对定位到一个位置，但是该元素中的文字个数不确定，还要保证始终该文字是居中显示，则可以定义两个div,外层div绝对定位并加一个宽度，内层div居中
阅读全文
摘要：ul li { position:relative; display: table; width:3rem; height:3rem; background:url('image/defaultBg.jpg') 0 0/100% 100% no-repeat; float:le...
阅读全文
摘要：这里注意，img标签不能左浮动，外层容器必须加不换行 。
阅读全文
摘要：网上有很多关于html5 geolocation 获取地理定位的方法，我试了下，只有在IE edge浏览器可以成功获取到，在chrome,firefox,手机端的safari,QQ浏览器，微信浏览器，都返回一样的错误信息： 网上的方法大概是这样的： 获取到的是经纬度，所以要调百度或者谷歌的地图api
阅读全文
摘要：当元素变为position:absolute时，该元素不占据文档流，text-align：center失效，则可以通过上述方法使元素中的内容垂直水平居中。 或者： 如果仅仅时元素中的文字居中的话， 给该元素加width:100%;text-align:center;就可以成功实现了。
阅读全文
