css-tables

1熱度

2回答

我已經閱讀過無數篇關於這類話題的文章（儘管似乎沒有人特別提到完全相同的問題），但是我所做的任何嘗試都失敗了。我已將代碼添加到我的網站，以便以與表格類似的格式列出項目，而不包括表格，因爲它在移動網站上被切斷;而'div'樣式表則沒有。目前，右側的列迫使文本在我們稱之爲「單元格」的內部進行封裝，因爲它的方式在屏幕的右側，而不是有效利用空間。如果這是一張表，我想看一下100％大小的表中第二列的70％。

8熱度

2回答

如何計算`display：table-cell`的寬度？

這個問題來自this existing question，我提供了一個解決方案，但無法解釋爲什麼。我剝奪了小提琴一直到裸露的骨頭，並具有以下HTML/CSS： <div class="table"> <span class="cell-1">cell 1</span> <span class="cell-2">cell 2</span> </div> .table {

2熱度

2回答

在css中整蠱表格格式

我有一個兩級標題的表格，第一級有不同的colspans，我希望它看起來像下面的圖片。我可以將文本居中在第一級標題中，但我無法設置按照我想要的方式來設置邊框。 HTML代碼是在服務器端生成的，所以我想要在CSS文件中進行所有格式化。任何幫助，將不勝感激。 jsFiddle link HTML代碼如下： <table> <tr> <th align=left></th> <t

1熱度

2回答

動態寬度左浮動div

我的應用程序中有兩個div。我怎樣才能讓我的左div適合所有的空間，直到右div。正確的一個可以是任何寬度的文本或圖像。 <div id="header" class="header"> <div class="logo"> <img src="/Content/images/my_logo.png" alt="" /> </div> <div class

1熱度

1回答

滾動DIV

我有以下HTML代碼不起作用。我想使div.content可滾動。由於您無法使用表格單元格修復此問題，因此我爲其添加了一個額外的div，並將其添加到overflow: auto。完整的CSS是這樣的： html, body { margin: 0; padding: 0; width: 100%; height: 100%; overflow:

1熱度

2回答

CSS菜單，表格或列表，什麼是正確的方法？

我在桌子上做了我的菜單，因爲我嘗試了列表，結果並不是我所期望的，然後，我無法讓LI（菜單項）根據DIV的寬度拉伸，我看到我可以做到這一點與表和它的工作。我看到的大多數菜單都是在UL列表中製作的，但也有一些菜單也在表格中，有沒有「規則」或語義環境？那麼HTML列表的CSS中的顯示屬性中的表格呢？ #menu { display: table; width: 100%;

3熱度

6回答

HTML CSS表格佈局

我在創建適當的表格佈局時遇到了問題。我需要的表具有特定的寬度，3列（到目前爲止沒有問題）。問題是我需要的第二列只需要其內容的寬度，並且沒有更大的空間，並且該列必須動態適應該內容。另外兩個應占用表格的其餘寬度。實施例： --------------------------------------------------------------------------------- |

3熱度

7回答

刪除表格單元格的邊框

我有一個動態生成的表格結構。桌子桌子有一個棘手的樣式。我已經添加了邊界頂部和右邊的直接表，我需要的是刪除/邊框顏色table的td邊框顏色操作。如果你能看到我的小提琴，我需要用橙色的輪廓包裹橙色的桌子。同時1px到td的邊界應保持不變。如果我嘗試給單元格的邊框頂部，然後白色邊框崩潰。 CSS： .table_main { border-top: 3px solid #d6d6d6

0熱度

1回答

Firefox的CSS表格單元格內不正確

我有一個表設置使用CSS這樣的： <div id="page" class="table"> <div class="row"> <div class="cell"> <div class="project" id="project-id"> <a class="fancybox" rel="project-id" href="project-i

2熱度

1回答

如何平等填充菜單項之間的填充以將菜單寬度拉伸至100％父div寬度？

什麼是最好的JS方式（大多數通用瀏覽器友好）來實現這一目標？我已經找到了一些相關的問題&答案： width: 100%/number_of_li-s_in_ul; http://jsfiddle.net/qx4WG/（「靜態」計算的大小每個L1） - 無法使用鋰由於不同尺寸 li {display: table-cell;} 更新： http://jsfiddle.net/jwJBd