[先看效果图]

　　

例如这种排版，常规有两种情况
　　1.把【“ & ”】+ 白色背景切一起

　　2.写结构的时候复杂，例如：div>img*2 +文字标签

　读到这里，可能有人说，第一种情况为什么两个引号不和白色背景切一张图，其实在我个人看来，一张大图的加载速度可能是没有两张小图加载的快，另外对于不会切图的前端小哥哥小姐姐来说，还要去找ui沟通，比较被动！
　　对于第二种情况，个人觉得页面排版有些臃肿，看着比较麻烦，还觉得有点乱

好了，言归正传，上我的排版
　　

看到这里，有没有觉得我的排版很简单，一个div里包含文字 ！ 下边贴上样式

没错，这里我用的是before + after　　

好了，到此就结束了，小可爱们可以去试试了

　　ps：这里给大家推荐一个超级好用的图片压缩工具

　　https://tinypng.com/　　

 

最新文章

1. 功能实现：PLC对LPC的音量控制
2. 5天玩转C#并行和多线程编程 —— 第一天 认识Parallel
3. Spring中的Autowired注解和Resource注解的区别
4. 笔记（一）：ES6所改良的javascript“缺陷”
5. Spring MVC前台使用html页面作为视图，配置静态资源后Controller控制器不起作用的解决办法
6. iOS H5容器的一些探究（二）：iOS 下的黑魔法 NSURLProtocol
7. Word分栏
8. 需要设置jdk的三处位置：
9. CCNA实验(6) -- VLAN & SPT
10. 【转】Linux方向职业分析
11. Delphi 10.3版本获取windows系统版本和CPU信息
12. js/php判断移动端还是PC端
13. java-过滤器、拦截器
14. PAT 1081 检查密码（15） （代码+思路）
15. 《Linux内核设计与实现》读书笔记——第一、 二章
16. Linux 内核网络协议栈 ------sk_buff 结构体 以及 完全解释 （2.6.16）
17. javaweb使用 window.location.href 传中文参数 乱码问题
18. What is ASP.NET SignalR
19. 读书笔记5基于matplotlib画图
20. [Webpack] Detect Unused Code with Webpack and unused-files-webpack-plugin

热门文章

1. 【学习笔记】Git的日常使用
2. 深浅拷贝 集合（定义，方法） 函数（定义，参数，return，作用域） 初识
3. 深入理解JDK中的Reference原理和源码实现
4. [C/C++]_[Unicode转Utf8,Ansi转Unicode,Ansi文件转Utf8文件]
5. Java 中序列化与反序列化
6. 【译文连载】 理解Istio服务网格（第三章 流控）
7. iRedmail的php由5.4升级到5.6
8. HDU 5391 水题。
9. 自己用C语言写RH850 F1L serial bootloader
10. React之拆分组件与组件之间的传值