quirks-line-height-ref.html 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. <!--
  2. Any copyright is dedicated to the Public Domain.
  3. http://creativecommons.org/licenses/publicdomain/
  4. -->
  5. <html><head>
  6. <title>text-overflow: Quirks mode line height</title>
  7. <style type="text/css">
  8. @font-face {
  9. font-family: DejaVuSansMono;
  10. src: url(../fonts/DejaVuSansMono.woff);
  11. }
  12. html,body {
  13. color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
  14. }
  15. .test {
  16. overflow:hidden;
  17. float:left;
  18. white-space:pre;
  19. margin-left:1em;
  20. margin-bottom:1em;
  21. font-size:24px;
  22. color:blue;
  23. border:1px solid black;
  24. position:relative;
  25. }
  26. span {
  27. font-size:16px;
  28. color:black;
  29. }
  30. .rlo {
  31. unicode-bidi: bidi-override; direction:rtl;
  32. }
  33. .lro {
  34. unicode-bidi: bidi-override;
  35. }
  36. .rtl {
  37. direction:rtl;
  38. }
  39. .ltr {
  40. direction:ltr;
  41. }
  42. .t1 { width:4em; }
  43. m { font-size:24px; color:blue; line-height:8px; }
  44. </style>
  45. </head><body>
  46. <div class="test t1"><span>0123456|</span><m>&#x2026;</m></div>
  47. <div class="test rtl rlo t1"><span>0123456|</span><m>&#x2026;</m></div>
  48. </body>
  49. </html>