用table排版的資訊會跑到視窗外的處理方式
文章推薦指數: 80 %
其實比較好的做法還是要把table裡面的寬度都改成以百分比(%)符號來做,不要再使用px了... add div. add div2. 也有可能是其他的問題導致.... html裡面下了nowrap屬性, ...
跳到主要內容區
首頁
常見問題
用table排版的資訊會跑到視窗外的處理方式
跑到視窗外的原因通常是table有限定寬度,以下圖來說,他很明確地宣告了這個table的寬度是889px,
但手機的寬度可能就是300多px而已,所以這樣就會導致資訊跑到視窗外。
比較簡單的解法如下(也可以參考下面的圖片來找到放置的位置):
其實比較好的做法還是要把table裡面的寬度都改成以百分比(%)符號來做,不要再使用px了...
也有可能是其他的問題導致....
html裡面下了nowrap屬性,把nowrap屬性拿掉即可。
例如
white-space:nowrap;
延伸文章資訊
- 1Day 24 | 遙想那個用表格排版的年代
table 相關標籤. table; caption; thead 、 tbody; tr 、 th 、 td · border-collapse · caption-side ...
- 2用CSS+DIV畫表格(table)進行網頁排版 - 香腸炒魷魚
基本上是可以這樣講,但是大家又會遇到網頁校正的問題,一口氣要調整四、五種版本的瀏覽器,這樣很可能讓網頁設計者又跑回去用table表格排版。但其實在CSS ...
- 3[HTML][新手] 12. 表格介紹Table - 進度條
自從開始流行響應式頁面後,就幾乎沒有人使用<table>來做整個網頁的排版了。但是如果是要使用「表格」的話,在語義上面最好還是使用<table>比較好。
- 4用table排版的資訊會跑到視窗外的處理方式
其實比較好的做法還是要把table裡面的寬度都改成以百分比(%)符號來做,不要再使用px了... add div. add div2. 也有可能是其他的問題導致.... html裡面下了nowr...
- 5[鼠年全馬鐵人挑戰] Week18 - 超新手學前端- HTML table 小概念
table 是在HTML 排版的一種方式,主要是用於表格的呈現,也是一種很常見的排版方式之一。 表格的用法包含了幾個重要的標籤,分別是table、tr 與td 這幾個重點,組合起來才 ...