博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
左图有文本,图片自由缩放
阅读量:7051 次
发布时间:2019-06-28

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

核心点有两个,大盒子设置box-sizing:border-box,这样的话设置padding值后就不会有横向滚动条

然后就是图片左浮动,文本有浮动,这样就能让文本和图片之间有间隔。

由于采用百分比布局,图片就能在窗口变化的时候,自由缩放了。

    
Document

这是一个标题,这是一个很长的标题,这是一个很长的标题这是一个很长的标题

这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落这是一个段落

演示地址:http://down.yesyes.wang/book/04/demo.html

转载地址:http://lopol.baihongyu.com/

你可能感兴趣的文章
debian8+lnmp1.2一键安装+WordPress3.9
查看>>
经典博弈-int
查看>>
jupyter notebook 使用cmd命令窗口打开
查看>>
Python之旅.第七章.异常处理
查看>>
spark进行groupby之后值转成list
查看>>
webstorm启动报错
查看>>
SQL语句集锦
查看>>
linux下进入root
查看>>
JDK动态代理(2)--------反射Method的作用
查看>>
VirtualBox CentOS安装增强功能与设置共享文件夹
查看>>
Unity3dBug - OnEnable
查看>>
selenium之鼠标的操作(python)
查看>>
Linux下原子性操作,类似Windows下的InterLockedXXX
查看>>
MyBatis学习-入门
查看>>
Integer to Roman
查看>>
[转]谷歌搜索技巧
查看>>
Android代码混淆------apk文件代码混淆
查看>>
操作系统课程设计 系统调用
查看>>
微信web页面返回刷新
查看>>
Win2008R2PHP5.4环境加载Zend模块
查看>>