$<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,而最后一行在我们之下,所以如何保持这三个图片在同一行..这与页面大小有关系吗?如果更大它会在同一条线上显示它们?这是真的吗?
感谢您的回复:)
答案 0 :(得分:0)
如果我误解了你的问题,请提前道歉,但如果你想在一行中显示三个图像,你可以使用CSS。在每个图像标记中,您可以通过添加“样式”属性来添加内联样式:
<img id="" src=".../image.gif" alt="" style="display: inline; border-width: 0px;" />
答案 1 :(得分:0)
如果您有文本级(内联)内容,例如input
元素,img
元素和HTML源文本,如果可用宽度允许,它们将出现在同一行中什么都不会导致换行(例如<br>
)。
对于可用性和可访问性,通常应该在一行上有一个输入项(input
元素和关联的标签)。最好使用导致此类呈现的HTML标记来实现,例如将项目包装在div
元素中。
但是如果您希望将内容放在一行上,可以将其全部包含在div
元素中,并在CSS中设置white-space: nowrap
(或者更有效地将其全部包含在内部)非标准但得到良好支持的nobr
元素。如果内容不适合可用宽度,则可能会强制使用水平滚动条。