随笔分类 -  HTML/CSS

JQ实现多图片预览和单图片预览
摘要：實現圖片預覽功能之前，先把jQuery和layer導入項目，下面我教大家實現圖片預覽CSS: .quotations_upload{ padding: 4px 10px; height: 20px; line-height: 20px; position: relative; text-decora 阅读全文
posted @ 2020-09-26 00:09 不睡 阅读(1038) 评论(0) 推荐(0)
使用@media响应式适配各种屏幕
摘要：定义和使用 使用 @media 查询，你可以针对不同的媒体类型定义不同的样式。 @media 可以针对不同的屏幕尺寸设置不同的样式，特别是如果你需要设置设计响应式的页面，@media 是非常有用的。 当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面。 PC端设备屏幕的宽度 页面 阅读全文
posted @ 2020-03-16 13:13 不睡 阅读(11493) 评论(0) 推荐(0)
CSS实现字体垂直竖排居中显示
摘要：字体垂直竖排居中显示，这里有两种方法，下面我就教大家实现。 HTML： <ul> <li> <span>首页</span> <span>HOME</span> </li> <li> <span>关于我们</span> <span>ABOUT</span> </li> <li> <span>案例</s 阅读全文
posted @ 2020-03-15 13:27 不睡 阅读(11615) 评论(0) 推荐(1)
关于在网页拼接时出现：提示Uncaught SyntaxError: missing ) after argument list；错误的原因分析
摘要：1：网页拼接不完善，可能哪里写漏了，如：),},</XX>等 2：如果有动态数据写入的话，请注意转义动态数据，如图（是转义后的内容，不会报错）： 在写方法时：onclick中，注意单双引号的运用。 原文链接：https://www.cnblogs.com/wx-ym-good/p/6702890.h 阅读全文
posted @ 2019-10-09 15:01 不睡 阅读(1763) 评论(0) 推荐(0)
CSS+HTML实现移动端div左右滑动展示
摘要：由于手机屏幕的宽度有限，内容太多移动导致不能放在一行，所以很多移动端网站的导航栏都有左右滑动效果，下面我就用CSS+HTML实现移动端div左右滑动展示。 CSS：box设置文本不换行，子元素box1行内块元素 .box{ background: #eee; padding: 10px 0; whi 阅读全文
posted @ 2019-09-17 19:52 不睡 阅读(55510) 评论(1) 推荐(1)
ajax加载引起瀑布流布局堆叠
摘要：jQuery 瀑布流使用ajax加载数据库图片url ，ajax每次请求到的数据不变时，瀑布流效果没问题。 但当请求到的数据变化时，瀑布流图片格式会重叠 或者相隔很远等等的格式问题，这是由于图片加载是有网络延时的, 所以当添加第一个图片后, 图片还没来得及加载, 就进入第二个图片的循环了, 此时的高 阅读全文
posted @ 2019-09-08 13:56 不睡 阅读(1008) 评论(0) 推荐(0)