文字数に合わせて枠の大きさを調節したい | コミュニティ

タグ付き： widget, アンケート, 画像付きアンケート（回答後次の設問表示）※要javascript(アンケート)

コミュニティ

文字数に合わせて枠の大きさを調節したい

トピックス by widget初心者 1792 pt 2023年8月25日 11:30 183 PV
【Widget名】

画像付きアンケート（回答後次の設問表示）※要javascript(アンケート)

【修正したいこと】

文字数に合わせて、枠の大きさを調節したいです！

【参考画像】

https://drive.google.com/file/d/1Csjv14Yz5P58qVBy3rAv88AO0rHjJxWw/view
- このディスカッションは、8 月, 4 数週間前 by widgetuserに変更されました。
widgetマスター 8 月, 4 数週間前 2 人 · 1 コメント
1 コメント

widgetマスター

モデレータ

2023年8月25日 11:34

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

.check-bg-list span {
    width: 100%;
    height: 100%;
    min-height: 65px; /* 追加 */
    display: flex; /* 変更 */
    align-items: center; /* 追加 */
    position: relative;
    padding: 10px; /* 追加 */
    padding-left: calc(8% + 30px); /* 変更 */
    font-size: 5vw;
    border: solid 1px #ccc;
    border-radius: 7px;
    box-sizing: border-box; /* 追加 */
    height: 65px; /* 削除 */
    line-height: 65px; /* 削除 */
}