Pocketボタンの改行を防ぎながら横並びに設置してみた

| コメント(0)

【Pocket(あとで読む)ボタンに対応しました】

↑ Pocketボタン


先日メインサイトのライブドアブログで導入された「Pocket」というサービスに使われるブログパーツボタン。何だか気になったので調べたところ、「覚え書き」と「実際に後で読まれた形跡」が分かるというシロモノ。これはオモシロってことで、導入したのはいいのだけど......

何度やってもPocketボタンが改行されてしまい、その直下のFacebookコメント部分にまで食い込んでしまう。非常に美しくない。ライブドアブログ側が提供する共通タグ、内部タグを使っても、Pocket側が独自に提示しているスクリプトを使っても、症状は変わらない。どうやらこれが現時点での仕様のようだ。

で、そこで諦めたら試合終了なので、色々と探してみたところ、【やっぱりあるんですね。HTMLで改行を禁止する方法!】で「<nobr></nobr>」を使って囲めば良いと判明。ただしこれはHTML5では無効云々とあるので、さらにそこから【スタイルシートリファレンス:white-space・・・ソース中のスペース・タブ・改行の表示の仕方を指定する】へたどり着き、スタイルシートで「white-space: nowrap;」を使うことで解決。何とか設置に成功。パンバカパーン。

実際に各値をチェックしてみると、すでに案外使われていることが判明。面白いねえ、これ。

関連記事             

コメントする

            
Powered by Movable Type 4.27-ja
Garbagenews.com

この記事について

このページは、不破雷蔵が2013年6月 2日 07:05に書いた記事です。

ひとつ前の記事は「子供が自分から親についてくるようになるアイテム」です。

次の記事は「UCCで「陸自戦車」と「ランボルギーニ」のオマケが6月18日に大登場...の予定」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。

* * * * * * * * * * * * * *


2021年6月

    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30