用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 ...
- 23-2 表格(Tables)
其中tr 代表table row,td 代表table data,而border=1 則代表表格邊界的寬度 ... 表格的儲存格,這個方法常被用在反解(reverse engineering)別...
- 3HTML <table> 表格- HTML 語法教學Tutorial - Fooish 程式技術
HTML <table> 標籤(tag) 用來建立表格,也就是用來呈現二維的資料表資訊。 ... <table>, <tr> 和<td> 是HTML 表格中最常見到也一定會用到的三個 ...
- 4用table排版的資訊會跑到視窗外的處理方式
其實比較好的做法還是要把table裡面的寬度都改成以百分比(%)符號來做,不要再使用px了... add div. add div2. 也有可能是其他的問題導致.... html裡面下了nowr...
- 5HTML表格的基礎- 學習該如何開發Web
That just about wraps up the basics of HTML Tables. ... 不幸地是,許多人習慣使用HTML表格去排版他們的網頁,例如: 使用一列去當head...