如何将下一个放在 svg 对象旁边。
我得到的结果是:
我想要的结果是在 svg 图像旁边添加文本:
这是 HTML:
<div class="alert alert-success smallFont" id="instruction">
<object data="images/information.svg" type="image/svg+xml" id="object">
<p id="mapsInstructionOne" class="mapsInstructionOne" align="center"></p>
</object>
</div>
最佳答案
您可以使用 CSS 并更改标记来实现此目的:
HTML:
<div class="alert alert-success smallFont" id="instruction">
<p id="mapsInstructionOne" class="mapsInstructionOne" align="center"></p>
<object data="images/information.svg" type="image/svg+xml" id="object"></object>
</div>
然后在 CSS 文件中,您可以使用 float 作为段落标记:
#mapsInstructionOne {
float: right;
}
根据您希望文本如何换行,您也可以选择 float 对象标记。在这种情况下 -
HTML:
<div class="alert alert-success smallFont" id="instruction">
<object data="images/information.svg" type="image/svg+xml" id="object"></object>
<p id="mapsInstructionOne" class="mapsInstructionOne" align="center"></p>
</div>
CSS:
#object {
float: left;
}
注意:这些示例将段落标记从对象标记的子级中删除。
关于html - 将文本与 svg 图像对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22675452/