opll_inaka https://blog.hatena.ne.jp/opll_inaka/ 独学者Fossa https://fossa-hobby.hatenablog.com/ UIkit 使用環境 Name Version Uikit 3.17.11 boxicons 2.1.4 前書き vertical-alignは、inlineとinline-blockとtable-cellで、設定します。*1 検索すると、vertical-align: middleが効かない旨の記事は多いのです。 しかし、table-cell のtdタグでvertical-align: middleが効かない記事は、簡単には見つかりません。 本題 下記のソースコードは、trタグの中に４つのtdタグがあります。 １つ目のtdタグは、アイコンが表示されるボタン ２つ目と３つ目のtdタグは、テキスト ４つ目の… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ffossa-hobby.hatenablog.com%2Fentry%2F2023%2F12%2F17%2F120000" title="UIkit Table td vertical-align: middle - 独学者Fossa" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn.user.blog.st-hatena.com/default_entry_og_image/155078915/1602976959285797 Hatena Blog https://hatena.blog 2023-12-17 12:00:00 rich https://fossa-hobby.hatenablog.com/entry/2023/12/17/120000 1.0 100%