Bootstrap Dropdown問題（當我們在下拉文本溢出問題中修復按鈕的最大寬度時）

HTML : 
<li class="dropdown display-bl"> 
    <a href="#" class="dropdown-toggle wrapping" data-toggle="dropdown" role="button">CL</a><i class="fa fa-chevron-down"></i> 
    <ul class="dropdown-menu login"> 
    ..... 

CSS : 
.wrapping { 
    max-width: 150px; 
    text-overflow: clip; 
    white-space: nowrap; 
    overflow: hidden; 
}

這是上面的代碼！當文本限制超過150 px時，文本開始溢出，如上面的CSS所示。當發生文本溢出時，它也會自動隱藏下拉圖標。但是，即使文本溢出，我也需要下拉圖標。任何幫助將不勝感激。謝謝。Bootstrap Dropdown問題（當我們在下拉文本溢出問題中修復按鈕的最大寬度時）

來源

2016-05-06 Subramanian K

我希望這段代碼能爲你工作。嘗試使用下面給出的代碼。

編碼快樂:-) :-)

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> 
 
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
 
</head> 
 
<style> 
 
</style> 
 
<body> 
 
<div class="container"> 
 
<ul class="list-unstyled"> 
 
<li class="dropdown"> 
 
    <a class="btn btn-primary dropdown-toggle" role="button" data-toggle="dropdown">CL 
 
    <span class="caret"></span></a> <!--Drop Down List Menu Main title Here--> 
 
    <ul class="dropdown-menu"> 
 
     <li><a href="#">Login</a></li> <!--Add Your List Here--> 
 
    </ul> 
 
    </li> 
 
</ul> 
 
</div> 
 
</body> 
 
</html>

來源

2016-05-06 15:56:32

謝謝您reply..but當內容是非常漫長的，我需要把它停下來的最大寬度150像素;所以，如果我做最大寬度，那麼我需要使用文本溢出，以便內容溢出。當我使用溢出概念時，下拉圖標也消失了。在這種情況下。 –

讓我看看你的代碼。讓我看看你的工作。 –

我在問題陳述中附上了我的代碼。我需要的是/。我需要一個固定寬度的下拉按鈕。因此，按鈕中的內容（來自我的代碼的CL），如果它變成冗長的單詞，那麼我需要確保文本應該溢出。所以我寫了上面的包裝類當它超過按鈕的最大寬度時溢出文本，它對我來說工作得非常好，但問題是當文本溢出時，脫字符類圖標也會消失。即使文本是越來越溢出是我的問題，任何幫助，高度讚賞。 –

Bootstrap Dropdown問題（當我們在下拉文本溢出問題中修復按鈕的最大寬度時）

回答

相關問題