01/201331

twitterのTL等で改行を表示させる方法

改行対応しないクライアント

Twitterのクライアントで改行に対応していないものって結構ありますよね。

実はWEBクライアントの場合、CSSのみで改行に対応できたりします。

改行方法

white-space: pre-wrap!important;

上記のCSSを各WEBクライアントの適当な箇所に差し込めば完了です。

公式Twitter

.js-tweet-text

※2013/03/14に公式で指定されているのを確認。UserStyleで指定する必要がなくなった。

TweetDeck

.tweet-text

新ついっぷる

(未対応)

触ったことがないので不明。

改行しているツイート本文のソースコードが改行表示になっていれば、そこに上記のCSS追加で行けると思います。またソースコードの時点で改行されていなかった場合は未対応となります。

関連エントリー

【JS】HighSlideに必要なコードを自動挿入【jQuery】

どうもこんにちは、うちのサイトではサムネイル表示の画像リンクにHighSlid...

2018/03/01
【正規表現】英文以外の半角スペースを排除

とある事情により、日本語英語混在の文で半角スペースを排除する正規表現を探してい...

2017/12/08
SSL化予定

最近絵の記事が全くない御堂です。 てめぇ本当に絵描か? それはさておき...

2017/08/18
CSSの小技

今までの記事を統合しました。以後はこちらに追記していきます。 MENU ...

2014/05/10
【freo】ページ送りナビゲーション【テンプレート】

freoのページ送りナビゲーションって初期だと前のページと次のページのみなんで...

2014/01/04
【艦これ】ユーザースタイルシート

ちまたで人気の肝これ……なんか違う。そう艦これ。一発変換で肝がでるってどういう...

2013/10/22

コメント

  • コメントはまだありません。

コメント登録

  • 閲覧制限 ※管理者のみにすると投稿者でも確認ができなくなります。

archive


×

ログイン