獲取文本溢出和溢出問題：隱藏工作

我有問題讓文本溢出工作。我也無法正常溢出：隱藏工作。任何想法或建議？獲取文本溢出和溢出問題：隱藏工作

這裏是沒有任何一個的CSS代碼。（請注意它是用OOCSS/BEM語法編寫的）。

/* Base 
    =====================================================*/ 

    /* Nav 
     =================================================*/ 

     /* B 
      ---------------------------------------------*/ 

      .nav 
      { 
       margin-bottom:   24px; 

       margin-left:   0; 

       padding-left:   0; 

       list-style:    none; 
      } 

     /* E 
      ---------------------------------------------*/ 

      .nav__item 
      { 
       float:     left; 

       position:    relative; 
      } 

      .nav__link 
      { 
       display:    block; 

       color:     inherit; 

       text-decoration:  none; 
      }

和HTML

<ul class="pivot nav" style="font-size:24px"> 

<li class="nav__item nav__item--active"> 

    <a class="nav__link" href="#"> 

    List Item 1 

    </a> 


</li> 

<li class="nav__item"> 

    <a class="nav__link" href="#"> 

    List Item 2 

    </a> 

</li> 

<li class="nav__item"> 

    <a class="nav__link" href="#"> 

    List Item 3 

    </a> 

</li> 
    </ul>

我也試過在父DIV包裝，並適用文本上溢/溢出that..no運氣。

來源

2013-08-04 Eric Harms

我猜測，在任何overflow規則開始行動之前，換行都包含在內。您需要做是爲了防止換行符：

.nav__item { 
    white-space: nowrap; 
}

我不知道你想隱藏的溢出哪個元素，所以我創造了這個小提琴：http://jsfiddle.net/bACQD/。隨意修改它以清除任何混淆。

來源

2013-08-04 07:59:07

我想隱藏nav__item的顯示。我嘗試修改代碼，並將.nav__item下的white-space：nowrap放入，然後將.nav__link /下的.nav__item隱藏。沒有運氣 –

nowrap不防止包裝。我已將它放在所有元素上。 –

加入顯示：inline-block; *顯示：內聯;縮放：1;

允許nowrap工作。它不適用於顯示：塊;

來源

2013-08-05 05:14:47

獲取文本溢出和溢出問題：隱藏工作

回答

相關問題