隐藏<ul>中css3列内的溢出文本

Question

我的代码

的CSS

 .newspaper {
   -webkit-columns: 100px 12;
   /* Chrome, Safari, Opera */
   -moz-columns: 100px 12;
   /* Firefox */
   columns: 100px 12;
   list-style-type: none;
   /*font-size : 8px;*/
 }

HTML

<ul class="newspaper">
  <li title="Number fdgfsfsfdsfsdfsdfsdf">1.&nbsp;Number fdgfsfsfdsfsdfsdfsdf</li>
  <li>2.&nbsp; number</li>
  <li>3.&nbsp; number</li>
  <li>4.&nbsp; number</li>
  <li>5.&nbsp; number </li>
  <li>6.&nbsp; number </li>
  <li>7.&nbsp; number </li>
  <li>8.&nbsp; number </li>
  <li>9.&nbsp; number </li>
  <li>10.&nbsp; number </li>
  <li>11.&nbsp; number </li>
  <li>12.&nbsp; number </li>
  <li>13.&nbsp; number </li>
  <li>14.&nbsp; number </li>
  <li>15.&nbsp; number </li>
  <li>16.&nbsp; number </li>
  <li>17.&nbsp; number </li>
  <li>18.&nbsp; number </li>
  <li>19.&nbsp; number </li>
</ul>

我的观点

我想隐藏列中溢出的文字。

喜欢

1. Number fd // gfsfsfdsfsd par will be hidden

我该怎么做？任何帮助将不胜感激

Answer 1

尝试添加此css

<强> CSS

{{1}}