CSS では、特に各行の要素の数が多い場合、行内の特定の要素からマージンを削除するのが困難になることがあります。ダイナミックかつ未知。ただし、この効果を実現するテクニックはあります。
解決策の 1 つは、親要素で負のマージンを利用することです。これにより、子要素が親要素に視覚的に押し込まれ、それらの間のスペースがなくなることで目の錯覚が生じます。
<code class="css">ul { margin-left: -5px; margin-right: -5px; } li { margin-left: 5px; margin-right: 5px; }</code>
各行の要素の数を予測できる場合は、メディア クエリと nth-child() セレクターを使用して、各行の最後の要素をターゲットにすることができます。これにより、より詳細なスタイル調整が可能になります。
<code class="css">@media (min-width: 400px) and (max-width: 499px) { li:nth-child(even) { margin-right: 0; border-right: none; } }</code>
このメソッドはより冗長ですが、各行の特定の要素のスタイルをより柔軟に設定できます。
以上がCSS の動的行の最後の要素からマージンを削除するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。