Настройка переполнения: скрыто правильно

Question

этот вопрос возник из другого вопроса .

Эта скрипка показывает 1 внешний и 5 внутренних элементов div.

Как мне установитьoverflow:hidden; в, например, последнем внутреннем элементе div с образцом width:60px; и образцом height:44px;?

Знаете ли вы, почему он не работает в моем случае?

Редактировать:Почему я должен использовать другой div для установки переполнения: скрытый здесь ?

Answer 1

Это потому, что вы используете display: table-cell;

http://bytes.com/topic/html-css/answers/153857-how-can-i-force-clipping-text-table-cell

Answer 2

благодаря @ sunn0 Я мог понять, что вы должны добавить, например, <span>, который будет совместим с overflow:hidden;

<div id="myid">
  <ul>
   <li><span class="content">my content</span></li>
   <li><span class="content">my other content</span></li>
  </ul>
</div>

(В моем примере это был <li>, который отказалсяскрыть переполнение)

#myid ul li{
    list-style-type: none;
    width: 110px; height: 20px;
    display: table-cell;
}

#myid ul li span.content{
    display: block;
    width: 110px; height: 20px;
    overflow: hidden;
}