程式設計@筆記

[CSS]文繞圖

方法一
<img src="圖片網址" style="float:left;"/> (圖片置左)
<img src="圖片網址" style="float:right;"/> (圖片置右)

註：無論置左置右，圖片都要放在文字之前

範例：
<div style="width:400px;">
<img src="test.jpg" width="90" height="100" vspace="10" hspace="10" align="right" style="margin-top:0px"/>
今年1月下旬，吳宗憲不滿高鐵沒有WiFi，在臉書上點出高鐵有錢買廣告，為甚麼無法把WiFi裝好，對此行政院也回應在今年8月前會完成安裝，而《中央社》於昨日指出中華電信在推動「桃捷、高鐵4G/Wi-Fi上網開通」服務，已經開始針對高鐵車廂進行測試，預計高鐵全線的4G與WiFi能在世大運開幕前開通。
</div>
</br>

取消文繞圖

@media only screen and (max-width : 767px) {
.imgage-float-left, .imgage-float-right {
float: none;
}
}
@media only screen and (min-width : 768px) {
.imgage-float-left {
float: left;
}
.imgage-float-right {
float: right;
}
}

<img src="test.jpg" class="imgage-float-right">