Compare Revisions

text-overflow

Change Revisions

Revision 25076:

Revision 25076 by teoli on

Revision 25077:

Revision 25077 by teoli on

Title:
text-overflow
text-overflow
Slug:
CSS/text-overflow
CSS/text-overflow
Tags:
css, NeedsTechnicalReview, "CSS Reference", CSS3, NeedsMobileBrowserCompatibility
css, NeedsTechnicalReview, "CSS Reference", CSS3, NeedsMobileBrowserCompatibility
Content:

Revision 25076
Revision 25077
nn142          <td style="direction:ltr;">
143            <div style="float:left;font-family:monospace;white-sp
 >ace:nowrap;max-width:3.6em;overflow:visible;">
144              <span style="margin:0 -2px;">1234567890</span>
142          <td>145            </div>
143            1234567890
nn150          <td style="direction:rtl;">
151            <div style="float:left;font-family:monospace;white-sp
 >ace:nowrap;max-width:3.6em;overflow:visible;">
152              <span style="margin:0 -2px;">1234567890</span>
148          <td>153            </div>
149            1234567890
nn163          <td style="direction:ltr;">
164            <div style="float:left;font-family:monospace;white-sp
 >ace:nowrap;max-width:3.6em;overflow:hidden;text-overflow:clip;">
165              <span style="margin:0 -2px;">1234567890</span>
159          <td>166            </div>
160            1234567890
nn171          <td style="direction:rtl;">
172            <div style="float:left;font-family:monospace;white-sp
 >ace:nowrap;max-width:3.6em;overflow:hidden;text-overflow:clip;">
173              <span style="margin:0 -2px;">1234567890</span>
165          <td>174            </div>
166            1234567890
nn184          <td style="direction:ltr;">
185            <div style="float:left;font-family:monospace;white-sp
 >ace:nowrap;max-width:3.6em;overflow:hidden;text-overflow:ellipsis
 >;">
186              <span style="margin:0 -2px;">1234567890</span>
176          <td>187            </div>
177            1234567890
nn192          <td style="direction:rtl;">
193            <div style="float:left;font-family:monospace;white-sp
 >ace:nowrap;max-width:3.6em;overflow:hidden;text-overflow:ellipsis
 >;">
194              <span style="margin:0 -2px;">1234567890</span>
182          <td>195            </div>
183            1234567890
nn205          <td style="direction:ltr;">
206            <div style="float:left;font-family:monospace;white-sp
 >ace:nowrap;max-width:3.6em;overflow:hidden;text-overflow:'.';">
207              <span style="margin:0 -2px;">1234567890</span>
193          <td>208            </div>
194            1234567890
nn213          <td style="direction:rtl;">
214            <div style="float:left;font-family:monospace;white-sp
 >ace:nowrap;max-width:3.6em;overflow:hidden;text-overflow:'.';">
215              <span style="margin:0 -2px;">1234567890</span>
199          <td>216            </div>
200            1234567890
nn226          <td style="direction:ltr;">
227            <div style="font-family:monospace;white-space:nowrap;
 >max-width:3.6em;overflow:hidden;text-overflow:clip clip;">
228              <span style="margin:0 -2px;">1234567890</span>
229            </div>
210          <td>230          </td>
211            1234567890
212          </td>231          <td>
232            &nbsp;
213          <td>233          </td>
214            &nbsp;234          <td style="direction:rtl;">
235            <div style="font-family:monospace;white-space:nowrap;
 >max-width:3.6em;overflow:hidden;text-overflow:clip clip;">
236              <span style="margin:0 -2px;">1234567890</span>
215          </td>237            </div>
216          <td>
217            1234567890
nn247          <td style="direction:ltr;">
248            <div style="font-family:monospace;white-space:nowrap;
 >max-width:3.6em;overflow:hidden;text-overflow:clip ellipsis;">
249              <span style="margin:0 -2px;">1234567890</span>
250            </div>
227          <td>251          </td>
228            1234567890
229          </td>252          <td>
253            &nbsp;
230          <td>254          </td>
231            &nbsp;255          <td style="direction:rtl;">
256            <div style="font-family:monospace;white-space:nowrap;
 >max-width:3.6em;overflow:hidden;text-overflow:clip ellipsis;">
257              <span style="margin:0 -2px;">1234567890</span>
232          </td>258            </div>
233          <td>
234            1234567890
nn268          <td style="direction:ltr;">
269            <div style="font-family:monospace;white-space:nowrap;
 >max-width:3.6em;overflow:hidden;text-overflow:clip '.';">
270              1234567890
271            </div>
244          <td>272          </td>
245            1234567890
246          </td>273          <td>
274            &nbsp;
247          <td>275          </td>
248            &nbsp;276          <td style="direction:rtl;">
249          </td>277            <div style="font-family:monospace;white-space:nowrap;
 >max-width:3.6em;overflow:hidden;text-overflow:clip '.';">
250          <td>
251            1234567890278              1234567890
279            </div>
nn289          <td style="direction:ltr;">
290            <div style="font-family:monospace;white-space:nowrap;
 >max-width:3.6em;overflow:hidden;text-overflow:ellipsis clip;">
291              <span style="margin:0 -2px;">1234567890</span>
292            </div>
261          <td>293          </td>
262            1234567890
263          </td>294          <td>
295            &nbsp;
264          <td>296          </td>
265            &nbsp;297          <td style="direction:rtl;">
298            <div style="font-family:monospace;white-space:nowrap;
 >max-width:3.6em;overflow:hidden;text-overflow:ellipsis clip;">
299              <span style="margin:0 -2px;">1234567890</span>
266          </td>300            </div>
267          <td>
268            1234567890
nn310          <td style="direction:ltr;">
311            <div style="font-family:monospace;white-space:nowrap;
 >max-width:3.6em;overflow:hidden;text-overflow:ellipsis ellipsis;"
 >>
312              <span style="margin:0 -2px;">1234567890</span>
313            </div>
278          <td>314          </td>
279            1234567890
280          </td>315          <td>
316            &nbsp;
281          <td>317          </td>
282            &nbsp;318          <td style="direction:rtl;">
319            <div style="font-family:monospace;white-space:nowrap;
 >max-width:3.6em;overflow:hidden;text-overflow:ellipsis ellipsis;"
 >>
320              <span style="margin:0 -2px;">1234567890</span>
283          </td>321            </div>
284          <td>
285            1234567890
nn331          <td style="direction:ltr;">
332            <div style="font-family:monospace;white-space:nowrap;
 >max-width:3.6em;overflow:hidden;text-overflow:ellipsis '.';">
333              <span style="margin:0 -2px;">1234567890</span>
334            </div>
295          <td>335          </td>
296            &nbsp;
297          </td>336          <td>
337            &nbsp;
298          <td>338          </td>
299            &nbsp;339          <td style="direction:rtl;">
340            <div style="font-family:monospace;white-space:nowrap;
 >max-width:3.6em;overflow:hidden;text-overflow:ellipsis '.';">
341              <span style="margin:0 -2px;">1234567890</span>
300          </td>342            </div>
301          <td>
302            &nbsp;
nn352          <td style="direction:ltr;">
353            <div style="font-family:monospace;white-space:nowrap;
 >max-width:3.6em;overflow:hidden;text-overflow:',' clip;">
354              <span style="margin:0 -2px;">1234567890</span>
355            </div>
312          <td>356          </td>
313            &nbsp;
314          </td>357          <td>
358            &nbsp;
315          <td>359          </td>
316            &nbsp;360          <td style="direction:rtl;">
361            <div style="font-family:monospace;white-space:nowrap;
 >max-width:3.6em;overflow:hidden;text-overflow:',' clip;">
362              <span style="margin:0 -2px;">1234567890</span>
317          </td>363            </div>
318          <td>
319            &nbsp;
nn373          <td style="direction:ltr;">
374            <div style="font-family:monospace;white-space:nowrap;
 >max-width:3.6em;overflow:hidden;text-overflow:','ellipsis;">
375              <span style="margin:0 -2px;">1234567890</span>
376            </div>
329          <td>377          </td>
330            &nbsp;
331          </td>378          <td>
379            &nbsp;
332          <td>380          </td>
333            &nbsp;381          <td style="direction:rtl;">
382            <div style="font-family:monospace;white-space:nowrap;
 >max-width:3.6em;overflow:hidden;text-overflow:','ellipsis;">
383              <span style="margin:0 -2px;">1234567890</span>
334          </td>384            </div>
335          <td>
336            &nbsp;
tt394          <td style="direction:ltr;">
395            <div style="font-family:monospace;white-space:nowrap;
 >max-width:3.6em;overflow:hidden;text-overflow:',' '.';">
396              <span style="margin:0 -2px;">1234567890</span>
397            </div>
346          <td>398          </td>
347            &nbsp;
348          </td>399          <td>
400            &nbsp;
349          <td>401          </td>
350            &nbsp;402          <td style="direction:rtl;">
403            <div style="font-family:monospace;white-space:nowrap;
 >max-width:3.6em;overflow:hidden;text-overflow:',' '.';">
404              <span style="margin:0 -2px;">1234567890</span>
351          </td>405            </div>
352          <td>
353            &nbsp;

Back to History