0

我在 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 中时，所有菜单都会消失。删除该属性并出现菜单，但文本溢出不起作用（似乎需要溢出：隐藏）。

非常感谢任何帮助解决这个问题，因为我花了几个小时试图弄清楚发生了什么。

提前致谢。

4

1 回答 1

0

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

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

于 2013-05-28T20:37:40.073 回答