SP2010 - 更改列表列的宽度，或使用 CSS 设置最大宽度

Question

我呈现的某些列表列允许用户输入大量数据。如果他们这样做，可能会导致屏幕视图倾斜，因为一列中的内容太多，并且如果不滚动，其余列在屏幕上不可见。

我正在寻求更改列表列的宽度，类似于此处描述的解决方案：http://aanuwizard.com/2010/08/01/sharepoint-2010-how-to-change-width-of-list-column/但我不想使用sharepoint设计器。理想情况下，我可以为所有内容设置最大宽度，因此如果输入大量内容，它不会破坏视图。

我希望用CSS来做到这一点，因为我可以将css注入我的SP页面。可能吗？我该怎么做？

Answer 1

这不是一个非常好的解决方案，但如果您不想使用 SharePoint Designer，它可能正是您需要的：如果您不想使用 SharePoint Designer 可以做的一件事是添加一个内容编辑器 WebPart，其中包含为您应用 CSS 的 JavaScript。

您可以在内容编辑器 Web 部件中添加样式表并将 stilesheet 应用于所需的元素，也可以尝试直接更改元素的 .style 属性。如图所示：

function changeElement(id) {
  var el = document.getElementById(id);
  el.style.color = "red";
  el.style.fontSize = "15px";
  el.style.backgroundColor = "#FFFFFF";
}

有关如何执行此操作的更多信息，请参阅此处：

http://www.w3.org/wiki/Dynamic_style_-_manipulating_CSS_with_JavaScript