ElementUI - 複数の el-checkbox チェック ボックスの内容が整列していない問題を完全に解決します。チェック ボックス内のテキストの数が多かれ少なかれ、各行が不均一に分布し、最後の行が壊れたときに整列が整わないという問題が発生します (完璧な解決策) 、制限されている各行の表示数、利用可能であることが保証されています)

レンダリング

インターネット上のチュートリアルは良くないので、この記事が最新かつ最良の解決策です。

vue + elementui プロジェクトの開発において、複数の el-checkbox チェックボックスにより各行の位置がずれる(3 ワードと 6 ワードがあるため長さが異なります)、各 el-checkbox がチェックされる幅の設定に関する詳細なチュートリアルボックスの配置とレイアウトの均等配分を解決しました。

サンプルコードと詳細なコメントを提供し、あらゆるプロジェクトやシーンに適したさまざまなソリューションを内蔵し、確実に利用可能です。

ここに画像の説明を挿入

問題分析

項目によっては 2 つの単語からなるものもあれば、3 つの単語からなるものもあるためです。単語数が違う

おすすめ

転載: blog.csdn.net/weixin_50545213/article/details/131110374