简单学会如何让图片居中、居左、居右
之前,一直想写一个关于图片布局的帖子,但是因为steemit对html支持不够,不是很成功。但是在HF19(第十九次版本更新)之后,开始支持部分html标签了。比如说之前是不支持的,其效果是:看到下划线了吗?
那么下面就详细说下怎么样对图片进行排版处理。
居中
使用< center >……< / center >
标签,例如
- 所见即所得模式下,点击raw HTML ,可以使用
< center >
imglink
< / center >
或者< center >
< img src="imglink"/ >
< / center >
- markdown模式下,使用
< center >
![imgname](imglink)
< / center >
居右
将div 代码插入到你想要居左的文字后面,一般是在 p 段落开始符号前面. 代码格式如下:< div class="pull-right"> < img src="imglink" />< /div >
文字就写在代码后面就行了!
居左
将< div >代码插入到你想要居左的文字后面,一般是在< p >段落开始符号前面. 代码格式如下:< div class="pull-left">< img src="imglink" />< /div >
文字就写在代码后面就行了!
PS:
1.如果文字比较少进行,居左居右处理会影响到下面的内容,需要在文字后面多添加几行
,使他可以配合图片的高度;
2,先编辑好内容再编辑样式,来回切换代码模式和编辑模式会使样式丢失。
--------------关于“谷哥点名”----------
@mrpointp @mrspointm @fundurian @dixonloveart @coldhair @larus @justyy @wilkinshui @htliao @syh7758520 @kitcat @catwomanteresa @tvb @kenchung @superhardness
以上 参与并已经发布post,第一期结束时间为8月9日,赶紧参与!
---------------------------------------------
感谢诸位阅读@jubi的文章,如果可以的话,希望得到您的follow,upvote,最重要的是reply!
很實用!
steem有时候自动过滤< > 空格,如果要居左或者居右 一定得先编辑文字 然后编辑样式。
否则 就郁闷了
奇怪了,前一秒ins还支持的,怎么后一秒又不支持了。奇怪
love it
奇怪我试过直接写css ,
没好使。。。我就超失望哈,正确姿试在这里,
新人生存指南之十一:Markdown语法规范(视频版,steemit排版专用)
good
囧了 班门弄斧了 赶紧学习一下
不错,学习了,感谢分享
很有用~~~
进来学习下
兄弟的贴,永远都是这么的实用,代表华语新人感谢你(管他能不能代表呢哈哈)!
原来图片居中那么简单,因为不熟悉Markdown编辑器,还折腾了很久了,没想到在准备放弃之余看到这篇文章,谢谢分享。