の子要素が複数ある場合display:inline-block、要素の間に空白を入れることはできません。これは、全体の幅を台無しにするためです。ソースに空白を入れないか<?php [whitespace] ?>、要素の間に空を入れて「ごまかす」か、JavaScriptを使用して空のテキストノードを削除する必要があります。
空白をCSSでレンダリングしないようにする方法はありますか？
質問する
1833 次
3 に答える
3
display: block;またはを使用して、要素をブロックレベルの要素として設定できますfloat: left;。を使用する必要がある場合inline-blockは、HTML自体のスペースを削除するか、Javascriptで削除して、HTMLを調整する必要があります。
@jValdronが指摘したように、親要素のフォントサイズを0に設定してから、それを必要とする要素のフォントサイズを再設定することもできます。ただし、これには潜在的な問題があります（たとえば、親要素に、まだ別の要素でラップされていないテキストがある場合はどうなりますか？）。とにかく、このfont-sizeソリューションは実際に機能し、以前に自分で使用したものです。
于 2012-12-10T19:55:13.177 に答える
2
inline-blockCSS Tricksには、空白の問題への対処に関する優れた記事があります。
http://css-tricks.com/fighting-the-space-between-inline-block-elements/
于 2012-12-10T20:17:38.900 に答える
1
どうやら、親要素でfont-sizeを0に設定してから、要素自体でそれを復元すると、問題が解決するはずです。
ここからの解決策：インラインブロック要素間のスペースを削除するにはどうすればよいですか？
于 2012-12-10T19:57:18.997 に答える