![影片讀取中](/images/youtube.png)
14 - XHTML+HTML+CSS教學(廣東話) HTML Table Width, Cellpadding and ... ... <看更多>
Search
14 - XHTML+HTML+CSS教學(廣東話) HTML Table Width, Cellpadding and ... ... <看更多>
css 控制table的td寬度. 2017-05-18 254. 一行bsp clas class 即使table 管理服務器tle overflow. 今天發現即使設置table的td、th寬度,仍是不管用,是根據table的td的 ...
#2. 如何讓<table>的寬度符合外層<div>的定義,且能依照<td>內容 ...
目前希望實作出,外框 設定寬度(目前為17cm),裡面的表格 的寬度可以符合 ... 這個你要先做css 歸零才行,不然不同瀏覽器table標籤的邊界留白是不同的 ...
#3. 混合寬度的Table Layout - sheauren的HTML/CSS記錄
CSS : <style> .table1 { width: 100%; table-layout: fixed; } .column1 { width: 60px; text-align: center; background-color: #ffcccc; } .column2 { width: 15%; ...
#4. CSS Table(表格)
Width和height屬性定義表格的寬度和高度。 下面的例子是設置100%的寬度,50像素的th元素的高度的表格:. 實例. table {
如果只希望表格周围有边框,则仅需为<table> 指定border 属性: ... 表格的宽度和高度由width 和height 属性定义。 下例将表的宽度设置为100%,将<th> 元素的高度设置 ...
table { table-layout: fixed; word-wrap:break-word; } 用css控制圖片自適應 ... 其中max-width:600px; 在IE7、FireFox等其他非IE瀏覽器下最大寬度 ...
#7. [BS4] Bootstrap4 Customize Responsive Table(客制化表格 ...
[BS4] Bootstrap4 Customize Responsive Table(客制化表格寬度) ... width 屬性在HTML 5 中已被移除,建議還是在CSS 中定義各欄寬,寬度可以設定 % ...
#8. 【HTML】表格列,使用CSS設定最小和最大寬度 - 程式人生
我想有一個可以在列中拉伸(stretch)的表,但是我在使用CSS的最小和最大寬度時遇到了一些麻煩 ... 最小/最大寬度應該起作用:Prevent text from overlap table td width ...
css 设置表格宽度的方法:直接使用css设置表格table标签的width属性即可设置表格宽度,浏览器会自动按照td宽度的比例来调整td宽度。
#10. table-layout - CSS(层叠样式表) - MDN Web Docs
table -layout CSS属性定义了用于布局表格单元格,行和列的算法。 ... 表格和列的宽度通过表格的宽度来设置,某一列的宽度仅由该列首行的单元格决定。
#11. CSS 表格屬性 - CSS 教學
屬性, 說明. border, 屬性簡化寫法指定表格邊框線條、粗細、顏色. border-collapse, 使線條中間沒有空隙. Width and Height, 指定表格寬度和長度.
#12. CSS table-layout用法及代碼示例- 純淨天空
此屬性通過單元格中牢不可破的內容設置列寬。 fixed:它用於設置固定的表格布局。表格和列的寬度由表格和col的寬度或單元格第一行的 ...
#13. HTML <th> 標籤的width 屬性 - 原來如此By we-shop.net
<table border="1"> <tr> <th width="40%" >Company in USA</th> <th width="60%" > ... width 屬性規定表格的表頭單元格的寬度。 ... CSS 實例:設定表格單元的寬度.
#14. CSS2/tables - HTML5 Chinese Interest Group Wiki - W3C
参见边框分离模型。 表格宽度算法'table-layout'属性. CSS没有定义表格的“最佳”布局,因为在大 ...
#15. CSS / 幫表格加入橫向捲軸,讓超出螢幕寬度的表格不會擠成一團
首先要先讓table 這個物件變成block 物件,然後在水平方向的overflow 讓它自動判斷是否有超出寬度的內容,自動加入水平捲軸。 最後是white-space: nowrap 這個屬性,讓文字 ...
#16. 【css】table標籤內的td、th如何設定固定寬度,而不是自適應?
table { min-width: 100%;}td{ min-width: 100px;}.table-container{ overflow:auto; display: block;}<div class="table-container"> <
#17. Html 表格固定欄寬| chi's coding life - 點部落
因此我們可以在table 的css中設立table-layout : fixed;. 而word-wrap : break-word;則是讓英文字可以若已經到欄位寬度邊界則自動斷行
#18. 響應式表格設計
Oracle Content Management 提供段落元件內響應式表格的CSS 範例,在行動裝置上 ... 請確定選取第一列作為標頭,並調整表格寬度,以在預期使用的最小螢幕有效地運作。
#19. html中表格tr的td单元格怎么设置宽度属性 - 知乎专栏
原则上应该讲table的宽度设置成一个固定的值,而不应该设置成一个根据屏幕变化的值。 ... 包括HTML/CSS/javaScript/Vue等多个web前端基础知识点进阶干货需要的可以免费 ...
#20. CSS width 寬度屬性
CSS width 寬度屬性是用來控制網頁元素寬度的功能,width 可以接受自動判斷寬度(auto)、自訂寬度百分比(%)或者是繼承自父層的wi dth 屬性值,CSS w.
#21. 在html中怎樣使table內包含的table不被外面table的樣式影響
不會你看看是不是你的css裡面在什麼地方定義了全域性table / td / tr 什麼的. html**table的寬度超出頁面寬度時如何不改變table寬度(只顯示出滾動 ...
#22. 3-2 表格(Tables)
其中tr 代表table row,td 代表table data,而border=1 則代表表格邊界的寬度是一個像素(Pixel)。 ... 在上述範例中,我們利用下方css語法可以做出透明表格的效果.
#23. table中如何用css控制《tr》《td》的寬度和高度 - 嘟油儂
table 中如何用css控制《tr》《td》的寬度和高度,1樓小笑聊情感1首先給table標籤新增csstablelayoutfixed這裡是為了讓整個table有一個自己寬度而不是.
#24. 設置table中的寬度不隨文字改變讓其固定_HTML和Xhtml
頁面中table寬度設置width="600px"之後,寬度仍然不是固定的,文字太長後不換行,把table都撐變形了。 解決辦法: 1.table 設置寬度,絕對寬度和相對 ...
#25. HTML table width 属性 - 菜鸟教程
请使用CSS 代替。 width 属性规定表格的宽度。 如果没有设置width 属性,表格会占用需要的空间来显示表格数据。 提示: ...
#26. html - 表格列,使用css 设置最小和最大宽度 - IT工具网
我想要一个表格,它在列中可以拉伸(stretch),但是我在css 中的最小和最大宽度方面遇到了一些麻烦。 似乎还有一些关于它是如何工作的相互矛盾的答案:.
#27. html 表格單元格的寬度和高度的設定 | CSS 表格高 - 旅遊日本 ...
CSS 表格高,大家都在找解答。2019年2月6日— 詳細地看了html中表格標籤table的高度和寬度設定的細節,現總結如下: ... 超過設定,如圖片寬度大於100,會自然撐開, ...
#28. css table佈局大法,解決你大部分居中、多列等高 - 程式前沿
td標籤(display:table-cell). 1) td預設繼承tr的高度,且平分table的寬度 2) 若table(display:table)不存在, ...
#29. HTML表格~隨著螢幕的大小調整 | html table放大 - 訂房優惠報報
html table放大,大家都在找解答。 ... 你好,如果照你的問題標題,表格要隨著螢幕大小調整的話那設定表格寬度時,可以用百分比的比例 ... CSS font | html table放大.
#30. html中怎麼在CSS中設定TABLE的每一個TD的不同寬度 - 幫多多
html頁面中,定義table表格中每個TD的寬度,可以使用內聯樣式定義。 設定方法如下:. 1、用table{ }標籤定義了表格寬度;.
#31. css強制HTML表格不超過它的容器大小
在這些列中,我有一個table,它應該使用完整的列寬。 复制代码 .data-table { width: 100%; } .data-table td { white-space: nowrap; ...
#32. css控制table的td宽度- qinbb - 博客园
今天发现即使设置table的td、th宽度,仍是不管用,是根据table的td的内容来适应宽度,导致其他的th、td丢失。 下图就是浏览器渲染的table, ...
#33. CSS Table(表格) | it編輯入門教程
CSS 表格使用CSS 可以使HTML 表格更美觀。 ... 下麵的例子是設置100%的寬度,50像素的th元素的高度的表格:. 實例. table { width:100%; } th { height:50px; } ...
#34. 【文章推薦】css控制table的td寬度 - 碼上快樂
【文章推薦】今天發現即使設置table的td th寬度,仍是不管用,是根據table的td的內容來適應寬度,導致其他的th td丟失。 下圖就是瀏覽器渲染的table,導致缺失端口這 ...
#35. 純CSS實現表格首行和首列固定教學 - Astral Web
fixed – 表格的總寬度決定於表格width 的定義,以及各欄位(Column) width 的定義. 為了讓表格呈現滾動效果,必須設定table-layout : fixed 並且給予表格寬度。
#36. html中表格tr的td單元格怎么設置寬度屬性-css教程-PHP - Pbhcl
html中表格tr的td單元格怎么設置寬度屬性-css教程-PHP … html中表格tr的td 單元格怎么設置寬度屬性原創2019-04-29 09:35:53 0 20674 table的寬度是自適應的,而且 ...
#37. table以及td宽度设置细节 - 简书
auto 默认值在此设置下如果没有指定table的宽度,则table会根据每列td的宽度自动被撑开,如果没有显示指定td的宽度,则td宽度 ... HTML+CSS(47-72).
#38. HTML表格欄寬分配實驗 - 黑暗執行緒
使用<col style="width: 120px">指定固定欄寬,當<table>寬度不等於所有欄寬設定加總 ... 當然,不能小於內容寬度的限制可透過CSS技巧解決,例如: th ...
#39. DataTables固定表格寬度(設置橫向滾動條) - ZenDei
預設的100%寬要實現改變視窗大小也100%的話,在table元素上添加width="100%",至於css的100%為什麼不生效,原因未知。下麵就說說設置如何給datatables設置固定的寬度。 1.
#40. table设置宽度100%不生效,把页面撑开的解决方法 - 腾讯云
CSS 基础系列:常见布局方式. 给header、content、footer 设置相同的width 或者max-width(显示的宽度都一样,但是前者内容过长 ...
#41. table_深入浅出CSS 布局
表格布局算法也是一件比较纠结的事,其属性为table-layout,取值有:. auto:自动布局,列的宽度是由列单元格中没有折行的最宽的内容设定的; fixed: ...
#42. 幫助:表格- 維基百科,自由的百科全書
若表格的寬度不足以顯示所有的列,或高度不足以顯示所有的行,表格的部分內容可能會 ... WP內置了CSS,用于格式化表格,可以通過在 {| 之後加入 class="wikitable" 或 ...
#43. CSS 強制固定表格寬度 - 衛斯理不理學習心得與技術日常
搞了一個問題搞了兩小時T_T原來只要一句簡單的CSS語法style= "word-break:break-all;" 避免英文文字在table中不會自動換行,改變了欄位的寬度.
#44. CSS 表格 - Design Code 設計密碼- 痞客邦
表格邊框 如需在CSS 中設置表格邊框,請使用border 屬性。 ... 下面的例子將表格寬度設置為100%,同時將th 元素的高度設置為50px: table ...
#45. 如何讓CSS HTML Table RWD方法 - ucamc
Table RWD Css-Trick 提供了四種響應式網頁的解決方案,分為:擠 ... CSS .table-responsive { display: block; width: 100%; overflow-x: auto; ...
#46. css怎麼實現不規則表格 - tw511教學網
css 實現不規則表格的方法:首先建立一個HTML範例檔案;然後通過table標籤建立一個表格;接著通過width和height等屬性設定表格的樣式;最後 ...
#47. 在Blogger如何設定「自動調整表格寬度」
如何在Blogger設定「自動調整表格寬度」 ... 但身為一位專業的數位行銷人才,懂點CSS來做調整在現在這個時代似乎也是基本功!
#48. [HTML]Table 平均分配欄寬 - 臨時筆記
[HTML]Table 平均分配欄寬. <table width="100%" style="table-layout:fixed">. Ms.Carmen 於 上午10:03. 分享. 沒有留言: 張貼留言 ...
#49. 為什麼table網頁的布局會被淘汰? - 壹讀
簡單的HTML表格由table元素以及一個或多個tr、th或td元素組成。tr元素定義 ... 器差異。width屬性規定表格的寬度,因為table寬度是隨內部元素的寬度撐 ...
#50. CSS設定表格TD寬度布局
標籤:target stand ble 換行 元素 沒有 顯示 結束 pac 使用表格版面配置時,對儲存格的寬度控制很傷腦筋,所以查閱資料整理如下:一、表格版面 ...
#51. [問題] 讓table能自動延伸最大寬度- 看板Web_Design
如標題但因為我自己也是半路出家(外行插手C# 現在又被抓來做asp.net+html+css) 如果內容敘述不詳請推文指正謝謝因為公司軟體從CS(C# + SQL Server) ...
#52. 如何使表td tr自動寬度基於文本長度? - 優文庫 - UWENKU
20. 如何使用CSS使表單域的寬度/長度更長? 21. 如何動態獲取td的寬度; 22. 基於寬度的文本縮放; 23. img tr表格寬度爲; 24. 當td ...
#53. [CSS] HTML 畫出粗外框表格的方法(粗框表格) - 精讚
<table> 中和表格寬度有關的屬性有border="數字" ,這屬性設定表格內外全部框線的寬度,預設是0,也就是無框表格。 1. < table border = "2" > ...
#54. 網頁設計進階【第14 章用CSS 設計表格】
(2)CSS 將表格框線區分為「 外框線」及「 資料欄位框線」。 (3)控制表格資料欄位框線的 ... ② border-width :框線寬度,屬性值如:px, pt, pc, mm, cm, in, em, ex.
#55. CSS: 如何使用Flex 完成table 效果 - 傑克! 真是太神奇了!
一開始, 你或許會以為我瘋了: 沒事幹嘛硬要用flex 來做原本 <table> 做的事. 但是如果你想要弄一個可以自動依畫面寬度(或設備的寬度) 彈性調整的表格 ...
#56. CSS 版面控制: 固定置中版面 - 設計筆記本
不過,以表格排版的話頁面的版型就定死了,毫無靈活度可言;比較好的方法是採用CSS 各種特性來排版,請繼續看下去。 彈性寬度. 如果你的網頁寬度想依視窗 ...
#57. 教你玩轉CSS表格(table) - 有解無憂
表格寬度和高度. Width和height屬性定義表格的寬度和高度,. 下面的例子是設定100%的寬度,50像素的th元素的高度的表格: table { width:100% ...
#58. HTML/ CSS 的表格應用語法 - 李明哲老師多媒體互動寫作教學
第二格,align="center"是指文字居中,width="150" 指寬度150像素。 整個表格的寬度是由所有的格子的寬度相加而成(如果表格本身沒有設定的話)。
#59. 改用百分比(%)為單位,讓你的RWD網頁縮放自如 ... - Medium
... 先來看看若用px單位來寫這個網頁會發生甚麼事,請看codepen。 然後在CSS 部分,設定了.wrap為800px寬度,而且我是用傳統的width不是max-width,並且設定了{margin:0…
#60. 如何让TABLE显示100%的宽度? - CSDN社区
<style type="text/css"> body{margin:0px;padding:0px;} table{width:100%;height:100%;background-color:#003366;margin:20px;border:1px solid red ...
#61. HTML中有关表格及tr td元素宽高的解读 - 码农家园
表格布局实际是一种显示表格单元格、行、列的算法规则,对应的css属性是table-layout,其常用的值 ... 建立长宽均为200px的两行三列边框宽度为1的表格 ...
#62. tbody寬度不會自動延伸到表格的寬度 - 开发者知识库
... 到表格的寬度. [英]tbody width not automatically extending to width of table. 本文翻译自 jeffkee 查看原文 2012-07-03 36594 css/ reset/ html/ html-table ...
#63. 表格運用教學
每增加一列他就自動分配每一組的寬度如果要自己設定寬度也是可以後面會有教學(怕離題了啦!) 在來寫一個 二行一列 的表格: <table border="1" width="500">: < ...
#64. HTML <table> width 属性| HTML在线参考手册 - 踏得网
HTML5 不支持<table> width 属性。请使用CSS 代替。 width 属性规定表格的宽度。 如果没有设置width 属性,表格会占用需要的空间来显示表格数据。
#65. CSS∥防止表格被內容撐開
width: 加上寬度; overflow: hidden; (讓多出來的不顯示。) } div { table-layout: fixed; word-wrap: ...
#66. 如何为<td>设置固定宽度? - QA Stack
但是的宽度 <td> 仍然相同。 css twitter-bootstrap width html-table. — 用户名 · source. 1.
#67. Css - table-layout - Ping Blog - GitLab
CSS 的table-layout. automatic 表格的總寬度決定於每一個儲存格(Cell)的最大值。( 此為預設值). fixed 表格的總寬度決定於表格width 屬性的定義, ...
#68. CSS基礎教學(10)--設定寬度與高度
當HTML 的寬高屬性, 以及CSS 的寬高屬性都有設定時, 那麼會以CSS 的設定為優先 例如我們在上例中的TABLE 標籤上, 加上HTML 的寬高屬性.
#69. CSS表格
HTML表格的外觀可以用CSS大大提高: ... 下面的例子指定了一個黑色邊框<table> <th>和<td>元素: ... 下面的示例表以100%的寬度和的高度設置<th>元素50px的: ...
#70. table中如何用CSS控制<tr>><td>的宽度和高度 - 百度知道
table 中控制<tr>><td>的宽度和高度的代码:. <style type="text/css"> .main td{ height:30px; border:#CCCCCC 1px solid;}. </style>.
#71. div css中的tr跟td是什麼 - 小蜜網
1、首先給table標籤新增css : table-layout:fixed;這裡是為了讓整個table有一個自己寬度,而不是讓table自己隨著自己. 12樓:匿名使用者. 給table設定 ...
#72. table寬度自適應,tr下不同td數改變td的colspan屬性值 ... - 台部落
3,當你隱藏某一列時,ie8下table不會自適應寬度,會隨着列的減少而寬度縮小。 ... ie8兼容:列名隱藏js後添加$('#tableAlarmWaitFix').css("display" ...
#73. html table width自動調整 - 軟體兄弟
html table width自動調整,CSS width 寬度屬性是用來控制網頁元素寬度的功能,width 可以接受自動判斷... 會讓圖片根據網頁顯示區域自動縮放,關於網頁圖片本身的語法 ...
#74. CSS教程:輕松解決表格的nobr問題 - inspirr - 痞客邦
在這算法中,水平布局是僅僅基于表格的寬度,表格邊框的寬度,單元格間距,列的寬度,而和 ... 為了讓表格布局固定住,我們需要table-layout:fixed.
#75. css | 睿客設計技術筆記
裡面提到「CSS 的table-layout 屬性有兩個可以設定的值: automatic 表格的總寬度決定於每一個儲存格(Cell)的最大值。( 此為預設值)
#76. CSS-在HTML表<td>中设置最小宽度
min-width 和 max-width 属性无法正常使用表格单元格。 根据规格:. 在CSS 2.1中,“最小宽度”和“最大宽度”对表,内联表,表单元格, ...
#77. 網頁表格或div層在網頁中被撐開解決方法 - 設計之家
以前大家基本上都是設計表格,網上自然不少對于的解決方法,如今還有div+css標準設計,很少看到相關好的方法,現在瀟湘在線把平時找到的防止表格被撐 ...
#78. 如何解决table表格td宽度不生效 - SegmentFault
我想让<其中>这个框框变小,无论宽度我设置成啥,都无效(因为特性)。 请大佬帮帮忙,脑壳疼哦、. html5htmlcss前端javascript. 关注 ...
#79. 表格相關屬性table border-collapse border-spacing ... - 首頁
如果有透過<col>或<colgroup>元素設定每欄寬度 表格寬度將等於所有欄寬的 ... 屬性</title> <style type="text/css"> table { table-layout: fixed; ...
#80. [CSS]強制HTML表格內文不超出設定寬度(強制斷行) @ 生生不息
CSS 裡的word-break 屬性,將其設為break-all 即可。 這時您就會發現本來應該超出width=100 的文字卻自動折到下一行了! P.S.若未設定width ,則超過螢幕畫面最右側的字 ...
#81. CSS table-layout 屬性 - 每日頭條
值, 描述. automatic, 默認。列寬度由單元格內容設定。 fixed, 列寬由表格寬度和列寬度設定。 inherit. 規定應該從父元素繼承table-layout 屬性的值。
#82. 強制固定表格寬度 - 小明的程式記事本
1. <table border="1"> <tr> <td width="100px">長度100px</td> < ...
#83. 寬度自適應- 六年制學程
1.1 無框表格; 1.2 display:table; 1.3 display:inline-block ... table,th,td 的寬度是自適應的。 ... 對選擇器(如UL)下以下CSS 指示:
#84. css控制table表格宽度的小技巧教程
对table表格宽度定义有直接table标签内使用width宽度属性定义其宽度,另外也可以通过css样式设置定义其宽度,根据需要可选择自己适用的定义宽度方法。
#85. 善用CSS 中的table-layout 屬性加快Table 的顯示速度分享
fixed 表格的總寬度決定於表格width 屬性的定義,以及各欄位(Column) width 屬性的定義. 預設的automatic 有個特性,就是當瀏覽器開始下載HTML 資料時,從 ...
#86. CSS <input>寬度不超過<div> - 菜鳥工程師肉豬
... 寬度不要超過外層的 <div> 的話,可用css將 <input> 的 width 設定為百分比 <!DOCTYPE html> <html> <head> <title>Test</title> <style> table, ...
#87. 修正手機版無法看到超出銀幕的表格寬度
這時如果在table 外圍加上一個Div 設定css 屬性為overflow: auto 就能在手機銀幕不夠寬時,向右捲動看到表格的內容了 ...
#88. 14 - XHTML+HTML+CSS教學(廣東話) HTML Table Width ...
14 - XHTML+HTML+CSS教學(廣東話) HTML Table Width, Cellpadding and ...
#89. table維持一個大小 - 藍色小舖
想請問各位前輩,我是先用Frontpage拉好我要的table, ... 也許你可以上網找一下與css 有關的設定方式, 或者乾脆去找找css 的參考書吧.
#90. CSS 防止表格被內容撐開| InspireGate 派克空間
table -layout: fixed; word-wrap: break-word; width: 加上寬度; overflow: hidden; (讓多出來的不顯示。)
#91. 浮動、Table:表格、錨點、垂直導覽列- 網頁設計 - 美寶論壇
CSS 的設定如下: #content-L{ width: 180px; /*#content-L的寬度*/ float: left; /*#content-L設定靠左邊浮動*/ } #content-R{ background-color: ...
#92. HTML/CSS Archives - MUKI space*
就是必須要在CSS 寫上寬度,如果沒寫寬度是不會有效果的。 margin 大到版面,小到元件,只要有指定元素的 ... display: table;. 7. clear: both; }.
#93. [claire-css]table td無法固定欄寬 - claire克萊兒的生活記事
在table的th、td設了寬度,但內容字數過多還是會跑版,從網路上看到的方法如下,順利解決,筆記一下。 解決方式在table的style下: table-layout:fixed ...
#94. CSS 之table 離奇的寬度失控
CSS 之table 離奇的寬度失控對table 實在非常不熟,之前寫過email template 又是另一個故事了。最近在工作上使用table ,卻無法控制寬度, ...
#95. 將div放在具有相同高度的100%寬度表格的左側 - 堆棧內存溢出
將div放在具有相同高度的100%寬度表格的左側 ... 和CSS: table {border-collapse:collapse;width:100%;} td {border:1px solid black;padding:10px ...
#96. Width - Tailwind CSS
Width · Auto. Use w-auto to let the browser calculate and select the width for the element. You can use it to unset a specific width: · Screen Width. Use w-screen ...
#97. CSS Height and Width Dimensions - W3Schools
It sets the height/width of the area inside the padding, border, and margin of the element. CSS height and width Values. The height and width properties may ...
#98. html實作備忘技巧-固定td-width
當在table內第一行為colspan又要設定td的width時,常會產生因為text長度不一而無法固定欄寬的問題。 例: <table width='300px'>
#99. Table表格
Table 表格. 展示行列数据。 设计师专属#. 安装Kitchen Sketch 插件 ,两步就可以自动生成Ant Design 表格组件。 何时使用#. 当有大量结构化的数据需要展现时;.
css table寬度 在 [問題] 讓table能自動延伸最大寬度- 看板Web_Design 的推薦與評價
如標題
但因為我自己也是半路出家(外行插手C# 現在又被抓來做asp.net+html+css)
如果內容敘述不詳請推文指正 謝謝
因為公司軟體從CS(C# + SQL Server)轉型成BS 內容有非常大量的數據呈現
以前CS時代就是用超多的DGV和textbox顯示 轉換到BS就遇到比較多麻煩
團隊裡的前端組在做頁面的時候沒什麼問題
很多數據的頁面就是依照資料的複雜度選用div或table呈現
但後者的使用上 目前有個嚴重的關卡
就是整個table的寬度沒辦法依照內容無限延伸
ex.資料內容可能是 姓名 | 性別 | 電話 | 住址 | e-mail | 生日 | 其他備註
這類多列資料 前幾列不一定是我舉例的內容 不過幾乎都是能確定最大寬度的列
重點是最後一列/多列 都是備註 說明 提醒之類的長字串
因為頁面呈現的需求不能換行(或是只能換一行之類的 能換行的話就沒問題了)
這列沒辦法控制內容長度 最長的可能長度就是資料庫該列的最大字數(500/100字等)
目前前端的作法是幫table設一個超大寬度
把前幾列寬度用width固定後 剩下的寬度全部給最後一列
沒備註的時候就是table後方會多出一大段空白還不是太大的問題
少數數據會幾乎塞到上限值 這個時候該行就會整個擠開頁面...
想請問是否能用css達到 依據出現的內容動態變動寬度
(前端說不知道怎麼弄"這種"動態值...不過其他都會阿囧)
或是用js達成也可以
(抓取返回前端的字段 計算最大字數然後給table動態附上width?)
其他負責主要產品的工程師基本上沒空管這種小細節
只剩我和其他幾個同樣半路被抓到bs開發的人一起和前端研究這問題
不用提細的程式碼 提供方向怎麼實做就可以了 謝謝
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 124.64.214.80
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1481198002.A.20B.html
結果這麼簡單...讓各位見笑了 之前自己試的時候好像都不起作用阿...
※ 編輯: spfy (124.64.214.80), 12/08/2016 21:37:27
... <看更多>