在用dreamweaver cs6建立html5的檔時它會由以前的
xhtml 1.1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
改為
<!doctype html>
然後一些tag在html4時會自動倒斜線結尾的，在html5都不需要了…
但就是doctype有點麻煩，因為在html5的<!doctype html>，會在圖片底部自動會有一個間距…在各瀏覽器間都會存在…(至少我使用chrome、firefox、ie 6/7/8/9/10/11都會有)
不過我自己使用過的狀況是…假若你的img沒有包在table中的，那使用「img{vertiical-align:bottom;}」ok…但如果包在table中，那建議用「img{display: block;}」就好…因為前一個似乎沒有反應(我使用的時候)
沒有留言:
張貼留言