mhstid https://blog.hatena.ne.jp/mhstid/ with the flow https://me.hateblo.jp/ CSS jQuery まんまです。使えるようになってるのを最近知りました。text-overflowはIEが6から独自仕様として実装していたものですが、 Microsoftの珍しく素晴らしい先見性によって、CSS3の仕様にも組み込まれたものです。今までもwebkit,Operaでは使えていました。 それが、Firefox7からようやく実装されたということですね。以下のクラスを作っておいて、横幅の指定された対象要素のクラスに追加してあげれば良いです。 .ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fme.hateblo.jp%2Fentry%2F20111111%2F1321021975" title="text-overflowはFirefox7から使える／複数行の時はJavaScriptで対応 - with the flow" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2011-11-11 23:32:55 rich https://me.hateblo.jp/entry/20111111/1321021975 1.0 100%