博客中修改图片大小及位置的方法(亲测)

话不多说,如题,

1. 图片大小修改方式

A方案:

<img src="图片链接" width="40%"> # 40%为你想缩放的任意比例,固定长宽比缩放

以下分别为20%,30%,40%的图片大小

B方案:

<img src="图片链接" width="100" height="100"> # 指定任意图片长宽值

以下分别为100x200,150x200的图片大小(图片可能变形哦~)

2. 图片位置修改方式

靠左 居中 靠右对齐:

<img src="图片链接#pic_left" width="20%"> # left center right即左中右对齐
										 # 注意:#pic_left在双引号内部

以下为分别左中右对齐(怎么在同一行显示还没搞懂…)

并列显示:

<img src="图片链接" width="40%"> <img src="图片链接" width="40%"> # 两个图片链接空格隔开即可

如下:

以上就是所有的分享内容,感谢您的浏览,欢迎交流!

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值