記事へのコメント25

    • 注目コメント
    • 新着コメント
    オーナーコメントを固定しています
    coliss
    オーナー coliss テキストのサイズぴったりにアイコンを簡単に配置できるCSSの新しい単位「lh」「rlh」が登場します。

    2020/05/18 リンク

    その他
    headless_pasta
    headless_pasta ときどきこれで時間を無駄にしているのでいろんなブラウザではよ対応してほしいところ。

    2020/05/27 リンク

    その他
    hate0211
    hate0211 はよ作っとけや。

    2020/05/21 リンク

    その他
    masayoshinym
    masayoshinym それはIEでも動きますか?

    2020/05/19 リンク

    その他
    aeona_blue
    aeona_blue [Web

    2020/05/19 リンク

    その他
    KoshianX
    KoshianX ああ、高さを合わせてくれるのか。これは便利だなあ

    2020/05/18 リンク

    その他
    Malan
    Malan ありがたや

    2020/05/18 リンク

    その他
    apipix
    apipix 各方面対応待ち

    2020/05/18 リンク

    その他
    peketamin
    peketamin ラインハイト、って名前カッコいいな。杉田ラインハイト。

    2020/05/18 リンク

    その他
    ustam
    ustam 「lh」は実装したことないけど、line-height ってそういうサイズだったっけ?

    2020/05/18 リンク

    その他
    ravell
    ravell CSSを知らない人には「この程度のことがめんどくさいの?」と思われる定番部分。

    2020/05/18 リンク

    その他
    spark7
    spark7 大きさを変えるんじゃなくて位置合わせの方が求められてるのでは。

    2020/05/18 リンク

    その他
    primedesignworks
    primedesignworks なに!?lh が単位だと!?それは知らなかった!って思ったら知らんはずやわ。

    2020/05/18 リンク

    その他
    hazeblog
    hazeblog めっちゃええやんけ

    2020/05/18 リンク

    その他
    w_bonbon
    w_bonbon flex / inline-flexでやる時も文字とアイコンで大きさとかline-height違うとき微妙にずれるから面倒なんだよね。

    2020/05/18 リンク

    その他
    ultimatebreak
    ultimatebreak これよりも文字より小さいアイコンをきちっと上下に揃えられる簡単なCSSください

    2020/05/18 リンク

    その他
    satotaka99
    satotaka99 未来のための備忘録としてブクマ

    2020/05/18 リンク

    その他
    tsuki-rs
    tsuki-rs 結局IE11じゃだめなんだろ?

    2020/05/18 リンク

    その他
    mohri
    mohri べんりじゃん

    2020/05/18 リンク

    その他
    deep_one
    deep_one ラインハイトか。

    2020/05/18 リンク

    その他
    otoya_kyo
    otoya_kyo 便利だとは思うんだけれど、サポートしてくれるブラウザが増えてくれないことには、まだ実用性は低いなあ。

    2020/05/18 リンク

    その他
    gyochan
    gyochan 高さが1lhいっぱいのアイコンならいいけど、そうでない時は余白コミでSVG作らなきゃいけないんじゃないかな? 現時点でも flexbox+align-items でできなくはないし

    2020/05/18 リンク

    その他
    oplika
    oplika 『「lh」「rlh」をサポートしているブラウザは2020年5月現在、Safari Technology Previewのみ』 早く全ブラウザ対応になったらいいなあ

    2020/05/18 リンク

    その他
    tkmkg8m
    tkmkg8m これ面倒なのよね。各ブラウザでサポート早よ!!!

    2020/05/18 リンク

    その他
    ntstn
    ntstn これ凄く調整面倒だったのでとてもありがたい。

    2020/05/18 リンク

    その他
    ku_marin
    ku_marin めっちゃいい。アイコンによって微調整しなきゃいけないのほんとだるい

    2020/05/18 リンク

    その他

    注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

    アプリのスクリーンショット
    いまの話題をアプリでチェック!
    • バナー広告なし
    • ミュート機能あり
    • ダークモード搭載
    アプリをダウンロード

    関連記事

    CSSでアイコンをテキストに揃えるのはこれで簡単になる!CSSの新しい単位「lh」「rlh」が登場

    アイコンのサイズをテキストに揃えて配置する時、どのように実装していますか? テキストのサイズぴった...

    ブックマークしたユーザー

    • gazza0692022/07/24 gazza069
    • teru-72021/04/05 teru-7
    • thotentry_hatebu1972020/12/11 thotentry_hatebu197
    • cartman02020/06/14 cartman0
    • headless_pasta2020/05/27 headless_pasta
    • l080842020/05/24 l08084
    • aoiasaba2020/05/22 aoiasaba
    • shingotech2020/05/21 shingotech
    • hate02112020/05/21 hate0211
    • kuroaka18712020/05/21 kuroaka1871
    • o_hiroyuki2020/05/20 o_hiroyuki
    • minimalgreen2020/05/20 minimalgreen
    • pacchi_y2020/05/20 pacchi_y
    • dellab722020/05/20 dellab72
    • mizdra2020/05/20 mizdra
    • seapig_dolphin2020/05/19 seapig_dolphin
    • tsubasa1232020/05/19 tsubasa123
    • Syunpei2020/05/19 Syunpei
    すべてのユーザーの
    詳細を表示します

    同じサイトの新着

    同じサイトの新着をもっと読む

    いま人気の記事

    いま人気の記事をもっと読む

    いま人気の記事 - テクノロジー

    いま人気の記事 - テクノロジーをもっと読む

    新着記事 - テクノロジー

    新着記事 - テクノロジーをもっと読む

    同時期にブックマークされた記事