随笔分类 -  html

html的博文
HTML5页面仅允许拍照
摘要：Html5原生的就能够支持拍照选择图片，不需要JS调用。 下面的是单一调用的方式： <!-- 调用照相机，拍照 --> <input type="file" accept="image/*" capture="camera"> <!-- 调用摄像机，视频 --> <input type="file" 阅读全文
posted @ 2023-09-19 11:15 luckylou 阅读(446) 评论(0) 推荐(0)
如何将toastr提示框顶部 居中
摘要：使用原生的toastr提示框提示语默认会出现在右上角现在想要居中，百度了以下提示框的属性发现有一个控制的属性positionClass toastr.options = { "closeButton": false, //是否显示关闭按钮 "debug": false, //是否使用debug模式 阅读全文
posted @ 2021-11-12 16:14 luckylou 阅读(375) 评论(0) 推荐(0)
超链接显示网站 A，访问后进入网站 B
摘要：跳转后 阅读全文
posted @ 2018-08-01 18:03 luckylou 阅读(606) 评论(0) 推荐(0)
svg转字体icon
摘要：https://icomoon.io 阅读全文
posted @ 2018-06-21 17:23 luckylou 阅读(106) 评论(0) 推荐(0)
HTML head 头标签
摘要：HTML head 头部分的标签、元素有很多，涉及到浏览器对网页的渲染，SEO 等等，而各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,这就造成了很多差异性。移动互联网时代，head 头部结构，移动端的 meta 元素，显得更为重要。了解每个标签的意义，写出满足自己需求的 head 头标签 阅读全文
posted @ 2018-03-20 10:51 luckylou 阅读(197) 评论(0) 推荐(0)
移动端toast 提示，HTML css 全屏垂直水平居中
摘要： 阅读全文
posted @ 2018-02-01 10:43 luckylou 阅读(827) 评论(0) 推荐(0)
H5的storage(sessionstorage&localStorage)简单存储删除
摘要：众所周知，H5的storage有sessionstorage&localStorage，其中他们的共同特点是API相同 下面直接上代码，storage中的存储与删除: 阅读全文
posted @ 2017-06-30 14:28 luckylou 阅读(2553) 评论(0) 推荐(0)
td 内容自动换行 table表格td设置宽度后文字太多自动换行
摘要：设置table 的 style="table-layout:fixed;" 然后设置td的 style="word-wrap:break-word;" 即可 做东钿互金平台后台表格的时候，有些单元格内容非常长，把表格撑的很宽很宽，直接破坏页面布局，一开始我是直接给td设置宽度，但是一直不行，百度了一 阅读全文
posted @ 2017-05-15 17:58 luckylou 阅读(782) 评论(0) 推荐(0)
html table布局
摘要：效果如下： 小注： 阅读全文
posted @ 2017-03-21 15:37 luckylou 阅读(252) 评论(0) 推荐(0)
https的网站使用百度地图的问题
摘要：https的网站使用百度地图，如果你引用的地址没写对的话，加载不出来百度地图，被认为是不安全的JS内容。 引用的地址：http://api.map.baidu.com/api?v=2.0&ak=qWmCfqDAdPBzy3YoHxGnimKT。 后来看了一下，少了一个s=1字段，加一下s=1这个特殊 阅读全文
posted @ 2017-02-22 14:46 luckylou 阅读(539) 评论(0) 推荐(0)
关于html和body高度 登录页面登录框永远保持在页面垂直水平居中位置
摘要：HTML CSS 解说，水平居中就不用多说了，给div.login_wrap设置个宽度，然后margin:0 auto;就可以做到。但是这里这样做，这里使用了两层div 外层使用margin:0 auto;先做到外层水平居中，然后里面一个div使用绝对定位，代码分别如下。 html, body{he 阅读全文
posted @ 2016-08-31 17:08 luckylou 阅读(6166) 评论(3) 推荐(1)
关于表格中td自动换行做法
摘要：两个条件 一是给table中第一个tr（也就是表头）下的td或者th宽度，代码如下 而是让文字碰到边界自动换行 css属性 style="word-wrap:break-word;word-break:break-all;" 阅读全文
posted @ 2016-08-04 11:47 luckylou 阅读(372) 评论(0) 推荐(0)
input type=“submit”屏蔽自带的提交事件
摘要：<p><input type="submit" class="submit" value="确认支付" onclick="checksform();return false;"></p> 在 input type=“submit” 标签上填写return false;屏蔽自身的提交事件 阅读全文
posted @ 2016-07-19 09:43 luckylou 阅读(1473) 评论(0) 推荐(0)
transition:all 0.5s linear;进度条动画效果 制作原理
摘要：Html: <span class="progress"><b ><i></i></b><em>50</em>%</span> Css: .progress b,.xsprogress b{border-radius: 15px; background-color: #eee;width:150px 阅读全文
posted @ 2016-07-19 09:29 luckylou 阅读(8807) 评论(0) 推荐(0)