Question

我在div中有一个asp占位符对象。

<div id="contentMenu" class="contentMenu">
    <asp:PlaceHolder ID="plhMenu" runat="server">
    </asp:PlaceHolder>
    <div id="divMenuImage" class="menuImage">
        <asp:Image ID="imgMenu" runat="server" ImageUrl="images/menu.gif" />
    </div>
</div>

div使用以下css：

.contentMenu
{
    color: #ffffff;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    position: absolute;
    top: 85px;
    width: 500px;
    z-index: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

菜单中的项目使用以下调用添加到占位符：

plhMenu.Controls.Add(btnArrow);
plhMenu.Controls.Add(btnCategory);

使用css中的text-overflow属性应该裁剪文本并显示省略号。

然而，当物业＆＃34;溢出：隐藏＆＃34;在css中，所有菜单都消失了。删除该属性并出现菜单，但文本溢出不起作用（似乎溢出：隐藏是必需的）。

由于我花了好几个小时试图弄清楚发生了什么，所以非常感谢任何帮助整理出来。

提前致谢。

Answer 1

如果您在首次绘制页面后动态地向占位符添加项目，则容器div上没有高度，那么它们可能不会导致div垂直增长。

您可以尝试使用overflow-x: hidden;？

overflow：隐藏隐藏占位符对象中的内容

1 个答案: