私は基本的にちょうど興味があります。私はそれを常に見ているので、解決策があるかどうかは分かりません。ブロックの要素は、テキストが2行に折り返されたときに全幅になります。
通常、私はこの上に背景があるファンシーな探しのボタンのために来て、表示ブロックまたはインラインブロックです。
問題はこれです:特定の幅を持つdiv内にボタンがあるとしたら、160pxと言うことができ、キャンバス内のテキストがすべて1行に収まる場合は、内部に表示ブロックまたはインラインブロックがありますそれはあなたが期待するように2つにラップするが、それはもはや実際にはdivの全幅を取る必要はありませんが、それは2つの行にあるが、それはありません!私は本当にこれが起こって驚いていないが、誰かがこれを修正するCSSやJSソリューションを知っていた場合は私は思っていた?
コード:
<div style="width: 160px; padding: 10px; background: blue;">
<a href="#" style="background: red; display: block;">Test with a longwrappingword</a>
</div>
ボーナスは、ただのCSSでそれを行うことができます! – FreddyBushBoy