手機圖片橫放轉直立發帖實例

手機圖片橫放轉直立發帖實例 手機傳送圖片到電腦，有時會出現圖片“橫放”的情形，若是不經處理就發帖，則會顯示“橫放”的圖片。當然最簡單的處理是在電腦上調整， 把圖片變成“直立”，保存後上傳。若是不想對圖片處理，而是用該圖片直接發帖，則要用 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測試）

[菲兒天地]

謝謝分享，回頭試試！