css

css

CSS「………」などが改行しなくてはみ出る場合の対処法

「………」などが改行しなくてはみ出る場合の対処法 CSS ------------------------------------------------- word-wrap:break-word; overflow-wrap...
css

【CSS】iphoneでbrタグを含む長文をうまく選択する方法

iphoneでbrタグをまたいで文章を選択すると、希望の文字列より広範囲で四角く選択されてしまう。これはiphoneの使用のよう。 この問題はbrタグを使わず、CSSで改行すると解決できる。 html ----------...
css

iphoneのブラウザで文字列を選択できない

iphoneのブラウザで文字ができない現象に遭遇。通常文字列を長タップすると選択およびコピーのポップアップが出るが、それがでなくなる。 出なくなる条件。 タグを含まない文字列が長く続く line-heightの値が250%...
css

【CSS】android4.xでposition:fixedで上下左右中央揃え

position:fixedで上下左右中央揃えをする方法をネットで調べた。 ------------------------------- .box1{ position: fixed !important; p...
css

【JQuery】スマホでhoverを使う

hover を使ったリンクをつくって iPhone で見ると、リンクにタッチした瞬間には hover は反応せずに指を画面から離した瞬間に反応する。 PC上の hover がマウスポインタを置いた瞬間に反応するように、タッチした瞬...
css

textareaで一部の文字だけ装飾する

textareaで一部の文字だけ装飾する方法をネットで調べると Jquery を使った方法がいくつか見つかった。しかし自分のしたかったものとはちょっと違った。見つかった方法のソースをいじって自分のやりたかったことができればいいのだが、そこま...
css

【css】フッターの文字を上下左右ともにセンタリング

フッターの文字を上下左右ともにセンタリングしたときの覚書 左右のセンタリングだけだと、footer にtext-align を指定するだけで簡単だった。上下のセンタリングだけも display: table-cell が有...
css

【css】white-space: nowrapがずっと改行しない

white-space: nowrap;が改行してほしいところでも改行しない現象に遭遇。 このhtmlコードで ----------------------------------------------- <table...
css

高さの指定がないセル全体をリンクにする

テーブルのセル全体をリンクさせると次のようになる セル内の文字リンク  ↓ セル全体にすると ↓  セル全体リンク 方法はaタグをブロックレベル要素に変更して、高さと幅を100%にするだけ。 &lt...
css

【CSS】IEでwhite-space: nowrapが効かない。改行されない。

調べてみたら、white-space: nowrapは、IEとの相性が悪く、バグがよくあるらしい。 特定の条件で、nowrapの範囲が特定の要素や文字で始まったり終わったりすると問題が起きる。 自分の場合は、問題の文字で終わらないよ...
タイトルとURLをコピーしました