手机图片横放转直立发帖实例

手机图片横放转直立发帖实例 手机传送图片到电脑，有时会出现图片“横放”的情形，若是不经处理就发帖，则会显示“横放”的图片。当然最简单的处理是在电脑上调整， 把图片变成“直立”，保存后上传。若是不想对图片处理，而是用该图片直接发帖，则要用 html code 将图片旋转，以下是操作实例。 原来的图片是横放的。(700x421) -- 看看原始横放图片。 这是转成直立的图片： 旋转图片的 html code 如下： <style type="text/css"> .rotate90 { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }</style> <br> <div style="left: 0px; top: 10px; width: 710px; height: 1600px; position: relative;"> <div style="left: -90px; top: 290px; position: absolute; z-index: 1;"> <img src="http://bbs.wenxuecity.com/upload/album/98/46/b0/746e00631334F10fr2kj.jpg" _fcksavedurl="http://bbs.wenxuecity.com/upload/album/98/46/b0/746e00631334F10fr2kj.jpg" height="421" width="700" class="rotate90"> </div></div> 其中图片的 width 和 height 参数依图片调整，图片旋转后往往“顶天立地”，位置并非理想，此处采用 div 控制语句设定。 建议先在电脑上建立一个 test.htm 文件进行调整。 （此例经IE和Chrome测试）

[菲儿天地]

谢谢分享，回头试试！