iT邦幫忙

0

FW切版轉HTML,在Chrome瀏覽圖面為何會有空隙,如何去掉空隙?

  • 分享至 

  • xImage

FW切版轉HTML,在DW中看設計圖都沒問題,在Chrome瀏覽圖面就有空隙,求幫助如何去掉圖和圖之間的空隙

看更多先前的討論...收起先前的討論...
ccutmis iT邦高手 2 級 ‧ 2018-03-22 12:53:44 檢舉
可以給個demo htm網址之類的嗎 我沒學過通靈之術
ccutmis iT邦高手 2 級 ‧ 2018-03-22 12:59:34 檢舉
對了如果FW轉HTML是轉成<table>表格的話
可以試試在 <table>標籤裡加上這個
style="border-collapse:collapse;"
html頁在未宣告任何css時。其img標簽就會有預設的框線1px。
html也會有外邊距跟內邊距的。
一般你可以在你的頁面上加入如下的css看看

基本上我目前在設計都會開頭用如下的方式,來處理有關一些瀏覽器的預設初始化
```
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 12px;
background: transparent;
}
```
Hans5300609 iT邦研究生 4 級 ‧ 2018-03-26 03:10:17 檢舉
建議在網頁載入reset.css這檔案
內容大致上是樓上的東西
目的是讓各個瀏覽器的預設值變統一化
用reset css這關鍵字能查到很多東西
這也是撰寫跨瀏覽器CSS的初始化工作

另外DW的所見即得有時會有誤差
建議直接用瀏覽器看比較準
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友回答

立即登入回答