html – 如何并排显示图像和表格

2024年1月3日 356次阅读

我似乎没有一个徽标和一张桌子并排,但彼此不是很接近.我能够实现这一目标的唯一方法是使用表格,但图像和表格彼此非常接近.我想要在页面中间的表格,以及表格和左侧屏幕远端之间的徽标.

像这样

徽标表

这就是现在的样子

商标

– -表

<div id="header" style="height:15%;width:100%;">
    <img src="/e-com/images/logo.jpg" style="margin-left:15%;margin-top:5%"/>
    <table border="1" width="44" style="margin-left:30%;float:top;"> 
    <tr>
            <td><h1><a href="home">Home</a></h1></td>
            <td><h1><a href="home">Home</a></h1></td>
            <td><h1><a href="home">Home</a></h1></td>
    </tr>
    </table>
</div>

最佳答案 使用两个div并设置为向左浮动

<div id="header" style="height:15%;width:100%;">
    <div style='float:left'>
        <img src="/e-com/images/logo.jpg" style="margin-left:15%;margin-top:5%"/>
    </div>
    <div style='float:leftt'>
        <table border="1" width="44" style="margin-left:30%;float:top;"> 
            <tr>
                <td><h1><a href="home">Home</a></h1></td>
                <td><h1><a href="home">Home</a></h1></td>
                <td><h1><a href="home">Home</a></h1></td>
            </tr>
        </table>
    </div>
</div>
点赞