Untitled

dabblet.css

.title {
  border: 1px solid red;
  /display: block; /* BlockまたはInline Block */
  max-width: 200px; /* 省略しない最大幅を決める。%指定なども可 */
}

.ellipsis {
  /overflow: hidden; /* 最大幅を超える分を隠す */
  /text-overflow: ellipsis; /* 省略されるときに末尾を ... に変える */
  /white-space: nowrap; /* テキストの折り返しを防ぐ */
}

dabblet.html

<h2 class="title ellipsis">
これはながいながいながいタイトルです。とてもながいながいタイトルです。</h2>

<h2 class="title ellipsis">タイトルです。</h2>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split-vertical","fontsize":"140","seethrough":"","prefixfree":"1","page":"css"}