• コミュニティ

  アイコンと画像のサイズを調整して段落内のサイズを整えたい

  トピックス by widget初心者 1792 pt  2023年8月25日 13:02 269 PV

  【Widget名】ヘッダー固定比較表（3列、強調あり）

  【修正したいこと】

  表の1段目に入っている王冠と画像のサイズを調整し、各列１段目のサイズ間を整えたいです！

  現状では、列ごとに王冠と画像のサイズがバラバラになっています・・・。王冠３つのサイズを均一に調整し、そのサイズに合わせて各商品画像も調整したいです。

  上記をcssで一括調整する方法はありますでしょうか？

  【参考画像】

  https://t.gyazo.com/teams/squadbeyond/ac5fe02aea3b17548109a0d542bbc342.png

  • このディスカッションは、1 年, 3 月前 by  widgetuserに変更されました。

  widgetマスター   1 年, 3 月前 2 人 · 1 コメント

  • widget
  • ヘッダー固定比較表（3列、強調あり）
  • 表
• 1 コメント

• 

  widgetマスター

  モデレータ

  2023年8月25日 13:18

  下記CSSの修正を試してみてくださいませ。

  .ratingTable__area table {
      width: 100%;
      border-top: 1px solid #ccc;
      border-left: 1px solid #ccc;
      border-collapse: collapse;
      font-size: 14px;
      text-align: center;
      position: relative;
      table-layout: fixed; /* 追加 */
  }

  .ratingTable__area table thead.is-sticky {
      position: sticky;
      top: 0;
      left: 0;
      z-index: 9;
      vertical-align: top; /* 追加 */
  }

Log In to Reply