如何設定html頁面自適應寬度的

2021-03-04 09:01:47 字數 1778 閱讀 6355

1樓:兄弟連北京校區

table中新增樣式du style="width:100%;",有用請採納zhi;//用樣式比較規範dao;

12345如何設定html頁面自適應寬度的table

2樓:青鳥中關村專家

把寬度值設定為」auto「試試

3樓:匿名使用者

用佔用比例如100%

如何設定html頁面自適應寬度的table(**)(一) 10

4樓:兄弟連北京校區

table中新增樣式 style="width:100%;",有用請採納;//用樣式比較規範;

如何設定html頁面自適應寬度的table

5樓:逗比笑哈哈

可以使用rem為單位,或者是%,

6樓:匿名使用者

header

header

header

data

data

data

data

data

data

7樓:嶽玥公尺子辰

將所有列設定為固定寬度,顯然是不能滿足此類要求的,但是若把全部的列都設定為百分比,恐怕在某些尺寸,或解析度下,會變得很難看。在bigtree看來,比較習慣於用如下的方式來處理——在**列數不是很多的前提下——將大部分列寬用固定值設定死,留下一列不設定寬度,將table的寬度設定為螢幕的百分比(譬如95%、98%等)。例:

border="1"

cellpadding="2"

cellspacing="1"

nowrap序號

nowrap分類a

nowrap分類b

nowrap名稱

nowrap操作

在本例中,名為「說明」的列,內容比較長,個人認為可以將此列設定為浮動寬度列,用以自適應頁面的寬度。

解決此問題的方法是:在明細行的td中,追加

style="word-wrap:break-word;"

,這樣做可以使半形連續字元強制換行,不至於撐破列寬。例:

width="150px"

style="word-wrap:break-word;"......

解決此問題的方法是:在定義**時,追加

style="table-layout:fixed;"

,這樣做可以使半形連續字元強制換行,不至於撐破列寬。需要注意的是,使用此引數後,

不要輕易在tr(行)或td(列)中加入height屬性,會使table不再被內容撐出適合的高度。例:

width="95%"

border="1"

cellpadding="2"

cellspacing="1"

style="table-layout:fixed;"......

8樓:劉貴慶

舉例:view:

如何製作自適應網頁

你說的應該是響應式布局吧?他的特點如下 優點 面對不同解析度裝置靈活性強 能夠快捷解決多裝置顯示適應問題 缺點 相容各種裝置工作量大,效率低下 累贅,會出現隱藏無用的元素,載入時間加長其實這是一種折中性質的設計解決方案,多方面因素影響而達不到最佳效果一定程度上改變了 原有的布局結構,會出現使用者混淆...

如何設定span寬度

在span的css中增加display屬性,將span設定為block型別的element,這樣寬度的確有效了,但把前後文字隔在不同行裡面,這樣其實span就完全變成了div。製作 時發現給span設定寬度會無效,通過查閱css2標準中關於width 的定義發現,原來css中的 width 屬性並不...

jQuery是如何判斷HTML頁面載入完畢的?它的原理是什

jquery是乙個輕量級的js框架,這點相信大部分人都聽過,而jquery之所以有這樣乙個稱呼,就是因為它悄悄披了一件外衣,將自己給隱藏了起來。以下擷取自jquery原始碼片段 function window,undefined window 上面這一小段 來自於1.9.0當中jquery的原始碼,...