【发布时间】：2011-11-04 10:19:32
【问题描述】：
我在 SharePoint 上有一个表格，我已将其限制为特定大小。为此，我使用了 table-layout:fixed;在我的 CSS 中。然后我在我的 html 中有标签来调整我想要的列大小。
问题是当我使用标签时 white-space: nowrap;在我的 CSS 中似乎被忽略了。我什至尝试将 white-space 属性直接放入我的但无济于事。
这是我的代码示例：
#box-table-a
{
font-family:arial;
border-collapse:collapse;
font-size:8pt;
border-style:solid;
border-color:silver;
border-width:1px;
width:844;
table-layout:fixed;
}
#box-table-a th
{
font-size:12px;
font-weight:300;
padding:2,2,2,2;
color:#000000;
border-style:solid;
border-color:silver;
border-width:1px;
border-color:#000000;
text-align:center;
vertical-align:bottom;
white-space: nowrap;
}
#box-table-a td
{
font-family:arial;
font-size:12px;
padding:2,2,2,2;
color:#000000;
border-style: solid;
border-color:silver;
border-width:1px;
text-align:center;
white-space: nowrap;
}
var TableHtml = "<table id='box-table-a'>";
TableHtml +="<col width=100><col span=3 width=28><col width=100><TR><TH>Field1</TH><TH>Field2</TH><TH>Field3</TH><TH>Field4</TH><TH>Field5</TH></TR>";
TableHtml +="<TR><TD>" + Field1[0] + "</TD><TD>" + Field2[0] + "</TD><TD>" + Field3[0] + "</TD><TD>" + Field4[0] + "</TD><TD>" + Field5[0] + "</TD></TR>";
TableHtml +="</Table>";
任何帮助将不胜感激！
谢谢， 卡尔
【问题讨论】：
-
您使用的是
table-layout: fixed，所以这是预期行为。 -
width:844;应该是width:844px;和padding:2,2,2,2;应该是padding:2px 2px 2px 2px;。虽然这可能与您的问题无关。 -
您好三十点，感谢您的回复。我遗漏了一个非常重要的点，你的回答让我想起了。我的标题都是旋转的，在我的 CSS 中使用以下内容： .rotation { width: 15px; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3) } 所以这意味着列宽不应该受到标题中不换行的影响。你是说输入“px”应该解决这个问题吗？因为宽度都正常工作，所以忽略了换行。谢谢
-
只需将所有必要的像素放入，无需更改。还尝试了不同的样式更改（尝试向左对齐），但没有成功，因此
标签覆盖了所有内容。 -
这里发生了很多事情。 SharePoint、JavaScript、不确定的 CSS、
filter以及可能还有 Quirks 模式。如果没有看到您的实际页面或reproduction of the problem，就很难提出任何建议。
标签： html css sharepoint word-wrap col