溢出：隱藏佔位符對象中的內容

我在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>

股利使用下面的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);

使用文本overflow屬性的CSS應該裁剪文本並顯示橢圓。

但是，當屬性「溢出：隱藏」是在CSS中，所有菜單消失。刪除該propery和菜單出現，但文本溢出不起作用（似乎溢出：隱藏是必需的）。

任何排序的幫助將非常感謝，因爲我花了數小時試圖弄清楚發生了什麼。

在此先感謝。

來源

2013-05-28 user2429564

如果要在第一次繪製頁面之後動態地將項目添加到佔位符，則在容器div上沒有高度，那麼它們可能不會導致div垂直增長。

您可以嘗試使用overflow-x: hidden;？

來源

2013-05-28 20:37:40 Klors

感謝您的快速回復！ – user2429564

嗯，我試過overflow-x並設置了固定高度和「自動」高度。既沒有工作。隨着div正常增長（即沒有溢出：隱藏屬性），我懷疑它是另外一種... – user2429564

你的背景顏色是否有白色？你的文字是白色的，是白色的白色隱藏的嗎？ – Klors

溢出：隱藏佔位符對象中的內容

回答

相關問題