1
$<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 行,最后一个在下面,所以如何将这三张图片保持在同一行。 .这与页面大小有关系吗?如果更大,它将在同一行显示它们?这是真的 ?

谢谢您的回复 :)

4

2 回答 2

0

如果我误解了您的要求,请提前道歉,但如果您想在一行中显示三个图像,您可以使用 CSS。在每个图像标签中,您可以通过添加“样式”属性来添加内联样式:

<img id="" src=".../image.gif" alt="" style="display: inline; border-width: 0px;" />
于 2012-08-14T06:36:51.883 回答
0

input如果您在 HTML 源代码中有元素、元素和文本等文本级(内联)内容img,如果可用宽度允许,它们将出现在同一行中,并且没有任何东西会导致换行(例如<br>)。

为了可用性和可访问性,通常应该在一行上有一个输入项(一个input元素和相关标签)。这最好使用导致此类呈现的 HTML 标记来实现,例如将项目包装在div元素中。

但是,如果您希望将内容放在一行上,您可以将其全部包装在一个div元素中并white-space: nowrap在 CSS 中对其进行设置(或者,更有效地,将其全部包装在非标准但得到良好支持的nobr元素中)。如果内容不适合可用宽度,这可能会强制水平滚动条。

于 2012-08-14T06:38:17.457 回答