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

标签 c# asp.net css

我在一个 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”时,所有菜单都会消失。删除该属性并出现菜单,但文本溢出不起作用(似乎需要溢出:隐藏)。

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

提前致谢。

最佳答案

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

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

关于c# - 溢出 : hidden hides content in placeholder object,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16800850/

相关文章:

c# - 好的 lambda 表达式或减少每个循环的更好方法

asp.net - 默认模型Binder的MVC本地化

c# - Linq2Twitter - 什么是 OAuthToken?

c# - 如何将输入事件路由到共享同一区域的多个 Canvas 中的特定 Canvas ?

asp.net - 在 IF 语句中包含 SELECT 语句结果

c# - 在 ActionLink 中使用 ASP.NET MVC、Razor 页面的图标

html - 如何防止 Bootstrap 列从一个部分跳到另一部分或在彼此下面跳转?

css - 自定义 Bootstrap 轮播控件上的 .active 类

javascript - Vuejs 2.4 过渡组大小调整问题与 vuetify

c# - 单元测试纯领域驱动类