$<input id="" name="" value="V" type="radio"><img id="" src=".../image.gif" alt="" border="0"><input id="" name="" value="V" type="radio"><img id="" src=".../image.gif" alt="" border="0"><input id="" name="" value="V" type="radio"><img id="" src=".../image.gif" alt="" border="0">
$<div class="wrapper">
ここに表示されているように、phpファイルには3行以上あり、ブラウザで開くと、同じ行に2つ、最後の1つが同じ行に表示されるので、これら3つの写真を同じ行に保持する方法を説明します。 。これはページサイズと関係がありますか？大きい場合は同じ行に表示されますか？これは本当ですか ？
返信ありがとうございます:)
質問の解釈が間違っている場合はあらかじめお詫びしますが、3 つの画像を 1 行に表示したい場合は、CSS を使用できます。各イメージ タグで、"style" 属性を追加してインライン スタイルを追加できます。
<img id="" src=".../image.gif" alt="" style="display: inline; border-width: 0px;" />
inputHTML ソースに要素、要素、テキストなどのテキストレベル (インライン) のコンテンツがimgある場合、使用可能な幅が許容され、改行の原因となるもの ( など<br>) がなければ、それらは同じ行に表示されます。
使いやすさとアクセシビリティのために、通常は 1 行に 1 つの入力項目 (input要素と関連するラベル) が必要です。divこれは、アイテムを要素でラップするなど、そのようなレンダリングを引き起こす HTML タグを使用することで最適に実現できます。
ただし、コンテンツを 1 行にまとめたい場合は、div要素内にすべてをラップwhite-space: nowrapして CSS で設定できます (または、より効果的には、非標準ではあるが十分にサポートされているnobr要素内にすべてをラップします)。コンテンツが使用可能な幅に収まらない場合、水平スクロールバーが強制的に表示される場合があります。