gpt4 book ai didi

html - 并排(水平)图像链接的 Chrome 浏览器扩展对齐方式

转载 作者:行者123 更新时间:2023-11-28 03:59:39 24 4
gpt4 key购买 nike

我正在尝试并排显示图像作为链接。该代码在浏览器上执行时运行良好。但是当加载到扩展中时,图像是垂直显示的。我想不通。任何帮助将不胜感激。

<html>
<body>
<!--
<div class="imgContainer">
<a href="popup.html">
<img border="0" src="images/a.png" height="30" width="30">
</a>

</div>

<div class="imgContainer">
<a href="popup2.html">
<img border="0" src="images/b.png" height="30" width="30">
</a>
</div>-->
<!--<div id="imgContainer">
<form action="/popup.html">

<input type="image" src="images/a.png" alt="Submit" width="30" height="30">
</form>


<form action="/popup2.html">

<input type="image" src="images/b.png" alt="Submit" width="30" height="30">
</form>
</div>-->

<div>
<a href="popup.html" >
<img src="images/a.png" width="30" height="30" /></a>
</div>
<div>

<a href="popup.html"> <img src="images/b.png" width="30" height="30" /></a>
</div>
<!--<button type="submit">
<img src="images/a.png" height="30" width="30"/>
</button>
<button type="submit">
<img src="images/a.png" height="30" width="30"/>
</button>-->
<style>
.imgContainer{
display: inline-flex;
}
div {
display: inline-flex;
}
<!--body {

overflow-x: hidden;
font-family: Arial, sans-serif;
font-size: 12px;
}
</style>

</body>
</html>

extension pic

最佳答案

<html>
<body>
<div style="display:flex">
<div>
<a href="popup.html" ><img src="images/a.png" width="30" height="30" /></a>
</div>
<div>
<a href="popup.html"> <img src="images/b.png" width="30" height="30" /></a>
</div>
</div>
</body>
</html>

关于html - 并排(水平)图像链接的 Chrome 浏览器扩展对齐方式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43274696/

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