Layout 如何在SharePoint 2010中创建两列页面布局，两列之间以不可见的20像素分隔？I'；我卡住了！ 我对SharePoint 2010基金会更新了，我需要创建一个自定义页面布局，以适合我已经创建的母版页。

我需要一个两列布局，两列之间的间隔为20px。（分离需要不可见以允许背景图像显示）

我来自.html和.css的世界，尽管这个世界和SharePoint世界相似，但它们并不相同。这就是为什么我期待着你的互联网，请帮助

接下来，我将需要能够调整每列的宽度，以适应不同的页面布局

---

任何帮助都将不胜感激。

您仍然可以使用HTML和CSS完成所需的工作

下面是我脑海中的一个例子，但我认为你应该了解如何做到这一点

母版页中的

<div id="container">

    <div id="column1" style="float: left;">

        <asp:ContentPlaceHolder id="PlaceHolderColumn1" runat="server" ></asp:ContentPlaceHolder>

    </div>

    <div id="column2" style="float: left; margin-left: 20px;">

        <asp:ContentPlaceHolder id="PlaceHolderColumn2" runat="server" ></asp:ContentPlaceHolder>

    </div>

</div>

在页面布局中

<asp:Content ContentPlaceholderID="PlaceHolderColumn1" runat="server">

     Your Column 1 Content

</asp:Content>

<asp:Content ContentPlaceholderID="PlaceHolderColumn2" runat="server">

     Your Column 2 content

</asp:Content>

你的第一栏内容
你的专栏2内容

另一种方式：

<table width='100%'>
  <tr>
    <td width='50%'>
        <asp:ContentPlaceHolder id="PlaceHolderColumn1" runat="server" >   
        </asp:ContentPlaceHolder>
    </td>
  </tr>
  <tr>
    <td>
        <img src='1x1 trasnparent sharepoint image' width='20px' />
    </td>
  </tr>
  <tr>
    <td width='50%'>
        <asp:ContentPlaceHolder id="PlaceHolderColumn1" runat="server" >   
        </asp:ContentPlaceHolder>
    </td>
  </tr>
</table>

---

但是你必须找到图片，我不记得名字了。虽然看起来我在用：

<table width='100%'>
  <tr>
    <td width='48%'>
     Lorem ipsum dolor sit amet. 
    </td>
 <td width='2%'>
     &nbsp;
    </td>
 <td width='48%'>
     Lorem ipsum dolor sit amet,  
    </td>
  </tr>
</table>

Lorem ipsum dolor sit amet。
Lorem ipsum dolor sit amet，

您可能应该将

“

替换为

”

，母版页如何从页面布局文件中提取内容？母版页中是否有代码？例如，母版页如何查找页面布局