如何在HTML5图片gif中保持同一条线

时间:2012-08-14 05:58:03

标签: html line image

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

感谢您的回复:)

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元素。如果内容不适合可用宽度,则可能会强制使用水平滚动条。