gpt4 book ai didi

html - 环绕两个内联对象的文本,它们位于两行中

转载 作者:行者123 更新时间:2023-11-28 00:17:35 29 4
gpt4 key购买 nike

情况很简单。我需要将文本环绕在两个内联对象(带有图像的按钮)周围,但这些按钮应该排成两行(而不是并排)。

问题是 - 必要的按钮非常小,(不到屏幕宽度的一半) - 所以它们排成一行。

这是我现在得到的:

enter image description here

这就是我想要实现的目标:

enter image description here

这是我正在试验的代码:

<html>

<body>

<a href="http://link" target="_blank">
<div style="float:right;right:30px;top:30px;display:inline-table;">
<img id="imageTable" width="30" height="30" src="http://www.google.com/intl/lv/services/hp/images/safari-gear.png"/>
</div> </a>

<a href="http://link" target="_blank">
<div style="float:right;right:30px;top:30px;display:inline-table;">
<img id="imageTable" width="30" height="30" src="http://www.google.com/intl/lv/services/hp/images/safari-gear.png"/>
</div> </a>

Nulla facilisi. In vel sem. Morbi id urna in diam dignissim feugiat. Proin molestie tortor eu velit. Aliquam erat volutpat. Nullam ultrices, diam tempus vulputate egestas, eros pede varius leo, sed imperdiet lectus est ornare odio. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin consectetuer velit in dui. Phasellus wisi purus, interdum vitae, rutrum accumsan, viverra in, velit. Sed enim risus, congue non, tristique in, commodo eu, metus.

</body>

</html>
  • 不能使用 TableView - 因为那样的话按钮下面会有空白。
  • 如果我在按钮之间输入一个新行 - 然后文本开始仅环绕第二个按钮。
  • 我有可能在两个按钮之间添加一些文本,但我需要精确计算应该从主文本中删除多少文本,同时记住字体可能会发生变化等。

附言(为了更容易帮助)我正在测试此站点上的代码:w3schools

提前致谢。

最佳答案

您可以将它们都放在 30px 中宽<div>并 float <div>对。

演示:http://jsfiddle.net/ThinkingStiff/GdpNv/

输出:

enter image description here

HTML:

<div id="buttons" style="float:right;width:30px;">
<a href="http://link" target="_blank">
<div>
<img class="imageTable" width="30" height="30" src="http://www.google.com/intl/lv/services/hp/images/safari-gear.png"/>
</div> </a>

<a href="http://link" target="_blank">
<div>
<img class="imageTable" width="30" height="30" src="http://www.google.com/intl/lv/services/hp/images/safari-gear.png"/>
</div> </a>
</div>

关于html - 环绕两个内联对象的文本,它们位于两行中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11199500/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com