c# - 溢出 : hidden hides content in placeholder object

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 属性应该裁剪文本并显示省略号。

但是，当 css 中有属性“overflow : hidden”时，所有菜单都会消失。删除该属性并出现菜单，但文本溢出不起作用(似乎需要溢出:隐藏)。

如果我能帮助解决这个问题，我将不胜感激，因为我花了数小时试图弄清楚发生了什么。

提前致谢。

Answer 1

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

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