css

Question

すべてのコードをコピーする必要はありません (たくさんあります)。AngularJSバインディングからテキストを取得するスパンがあり(この質問には重要ではありません)、このスパンに4つのスタイルパラメータを設定しています:

私は次の W3Schools ページに基づいてこれを行っています: http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_text-overflow

テキストを 100px で切り取り、末尾に省略記号を追加します。これは何がうまくいかないかのスクリーンショットです：

スパンのコンテナーの Google Chrome デバッガー計算スタイルページ実際のスパンの Google Chrome デバッガー計算スタイルページ

score 3 · Accepted Answer

そのようなインライン要素に幅を適用することはできません。

例：

HTML

<span>1</span>
<span class="blocked">2</span>

span
{
    border: 1px solid red;
    width: 300px;
}

span.blocked
{
    display: block;
}