iT邦幫忙

0

[html、css] microsoft edge <br> 標籤會跑出框框

各位大大您好:
剛用IE看當有br標籤的時候會有框框跑出來,加註了以下css後,就正常,但是microsoft edge網頁還是會有問題,想請問css要加註甚麼呢?謝謝

/* https://vector.cool */
/* 消除 IE <br> 的詭異框框 */

br {
    font-family: unset !important;
    font: unset !important;
}

https://ithelp.ithome.com.tw/upload/images/20190311/20097057rKzM7jMAKG.jpg

看更多先前的討論...收起先前的討論...
淺水員 iT邦大師 6 級 ‧ 2019-03-11 18:09:06 檢舉
要不要先檢查自己檔案有沒有奇怪的編碼?我這邊用 br 都沒問題
說個笑話..edge被拋棄了..微軟早就不管它了..
增廣建文 iT邦研究生 5 級 ‧ 2019-03-12 00:05:35 檢舉
現在的edge還是暫時別管了
mayyola iT邦研究生 2 級 ‧ 2019-03-12 08:43:21 檢舉
因為用了google的字型cwTeXKai打<br>才會有框框出來
用 <br/>試試。要不然就給他不顯示就好了
ccutmis iT邦高手 2 級 ‧ 2019-03-12 10:30:15 檢舉
試試=> 聯絡電話<br>聯絡窗口<br>...改成<p>聯絡電話</p><p>聯絡窗口</p>
應該會比較簡單
froce iT邦大師 1 級 ‧ 2019-03-12 15:40:42 檢舉
我是建議都用div去隔開每行。
br算是語意tag,這樣用感覺有點違背他的用法。
其實我現在幾乎沒在用br做網頁了。
br會出現的地方也只有在text框內有機會出現
mayyola iT邦研究生 2 級 ‧ 2019-03-13 09:08:05 檢舉
那換行除了用<p>外還可以用甚麼呢?
ccutmis iT邦高手 2 級 ‧ 2019-03-13 15:13:07 檢舉
換行用<p>之外常見就是用<div>了。早期比較注重語意html都用<p>,它代表段落,<div>是區塊,跟段落不太一樣,參考 https://www.w3schools.com/tags/tag_p.asp
直接用css
display: block;
width: 100%;
直接把那條撐滿應該就可以了吧~~~
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

0
johnchen8895
iT邦見習生 ‧ 2019-10-26 08:07:30
最佳解答

unset 屬性在 IE 是完全不支援的,你可以改成「font-family: none;」,就會以瀏覽器預設的字型(台灣可能是新細明體)顯示。

我要發表回答

立即登入回答