在SharePoint上的HTML表格中没有文字换行

我在SharePoint上有一个表格，我已经将其限制在一定的大小。为此，我使用了table-layout：fixed;在我的CSS。然后我在我的html中有标签来根据需要调整列的大小。在SharePoint上的HTML表格中没有文字换行

问题是，当我使用标签white-space：nowrap;在我的CSS似乎被忽略。我甚至试图把白色空间的属性直接投入到我的，但无济于事。

这里是我的代码示例：

#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>";

任何帮助将不胜感激！

感谢，卡尔

来源

2011-08-26 Karl Major

你正在使用'table-layout：fixed'，所以这是预期的行为。 – thirtydot

'width：844;'应该是'width：844px;'和'padding：2,2,2,2;'应该是'padding：2px 2px 2px 2px;'。尽管这可能与您的问题无关。 – thirtydot

嗨，十三，谢谢你的回应。我遗漏了一个非常重要的点，你的回应让我想起了。我的标题都是旋转的，在我的CSS中使用以下内容： .rotation { width：15px; filter：progid：DXImageTransform.Microsoft.BasicImage（rotation = 3） } 所以这意味着列宽不应受到标题中没有包装的影响。你是否认为放入“px”应该解决这个问题？由于宽度都正常工作，只是包裹被忽略。谢谢 –

尝试改变table-layout: fixed到table-layout: inherit如果不工作，你所希望的方式，也许你可能会得到幸运table-layout: auto。另外请确保在您的尺寸中包含px。

来源

2011-08-28 11:04:17 Leaum

在SharePoint上的HTML表格中没有文字换行

回答

相关问题