博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
前端-细节处理笔记
阅读量:5282 次
发布时间:2019-06-14

本文共 790 字,大约阅读时间需要 2 分钟。

 

图片处理

带缩略图的可更新焦点图,不按照固定尺寸上传,那么我们给图片设置

.item .imgWrap{    height : 500px; // 图片最大高度,让img vertical-align;}.item .imgWrap img{    width: auto;  // 图片根据高度自动变动宽度;    max-width: 600px;         max-height: 500px;  // 设定最大高度,原图片大于这个高度,就按照比例自动压缩宽度,如果压缩后的宽度大于最大宽度,则又按照最大宽度按比例压缩宽度高度;    vertical-align: middle; //如果图片高度不够最大高度, 图片水平居中父级;}

 

排错思路:

  * 检查 javascript脚本是否反复引入 (多个相同的js文件会产生无法预料的错误);

      * 当你不知道某些函数在哪被调用的时候,不必恼火,把这函数注释掉,这样调用此函数的语句就会立马在console控制台报错,抓到了吧?哈哈..  

    (但是这个函数调用的次数太多,找到调用的位置就太麻烦了,因为每当语句报错,JS就会停止在这个地方,不再运行;);

  * 后端输出模版出错,检查标签是否闭合, 或者标签的代码书写失误.

 

HTML符号:

  特殊符号如 > < ©  这些符号,必须使用 &nbsp; &gt;这些来代替,否则程序渲染可能会出问题;

 

文本换行:

.hotClick_bd .linksWrap a{
display:inline-block; //关键,让文本有了边界,否则文本就不会知道从哪开始换行,而整段文本变成一排; white-space:nowrap;}

 

转载于:https://www.cnblogs.com/juhualang/p/3999586.html

你可能感兴趣的文章
创建守护进程步骤与setsid()
查看>>
[iOS]Win8下iTunes无法连接iPhone版本的解决方法
查看>>
鸟哥私房菜基础篇:Linux 磁碟与档案系统管理习题
查看>>
垂直居中及水平垂直居中方案(共15种)
查看>>
JavaScript高级程序设计26.pdf
查看>>
jquery 对 table 的操作
查看>>
centos7 关闭防火墙
查看>>
Android 拍照图片选取与图片剪裁
查看>>
百度地图轨迹回放,自定义路书,边走边画线
查看>>
数字操作类
查看>>
NVME SSD vs SATA SSD(转)
查看>>
搜索实时个性化模型——基于FTRL和个性化推荐的搜索排序优化
查看>>
漫画解读“跨视图粒度计算”,了解有数分析利器
查看>>
【c++ primer读书笔记】【第3章】字符串、向量和数组
查看>>
ATL CAxWindow类创建问题一则
查看>>
【Android Developers Training】 31. 序言:共享简单数据
查看>>
【BZOJ】【2693】JZPTAB
查看>>
第八篇:ORM框架SQLAlchemy 了解知识
查看>>
JavaWeb学习笔记——过滤器
查看>>
Spring MVC学习笔记——完整的用户登录
查看>>