이 HTML 코드가 있습니다.
<table border="0" cellpadding="0" cellspacing="0" style="width: 325px">
<tbody>
<tr>
<td style="width: 100%">
<ul>
<li>TEXT 1</li>
<li>I DONT WANT YOU TO SEE ME IN MORE THAN 1 LINE</li>
<li>TEXT3</li>
<li>NEED THIS IN ONE LINE WITH OVERFLOW HIDDEN</li>
</ul>
</td>
<td style="vertical-align: top">
<input type="button" value="...">
</td>
<td style="vertical-align: top">
<input type="button" value="*">
</td>
<td style="vertical-align: top">
<input type="button" value="X">
</td>
</tr>
</tbody>
</table>
새 줄을 끊는 대신 텍스트가 TD의 너비를 초과하는 LI 요소가 필요하며 오버플로 텍스트를 숨 깁니다.
미리 감사드립니다!
다음과 같이 시도하십시오 : 데모
ul li
{
border:1px solid blue ;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width:90%; /* change this value according to your need */
}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다