开发者社区> 问答> 正文

如何让div与a标签并列显示

screenshot
想要实现上图的效果,下面是我的代码:
html

<html>
<head>
    <link rel="stylesheet" type="text/css" href="IndexCSS.css">
</head>
<body>
    <div class="header">
        <div class="float_left">
            <a href="#">
                <img src="./image/logo.png" id="logo">
            </a>
        </div>
        <div id="icon">
            <img src="./image/UpLoadIcon.png">
            <img src="./image/TimeIcon.png">
            <img src="./image/BellIcon.png">
            </div>
        <div class="float_right">
            <div id="user">

            </div>
            <div id="search">
                <img src="./image/DefaultContext.png" style="margin-left:30px">
                <img src="./image/SearchIcon.png">
            </div>
        </div>
    </div>
</body>


</html>

screenshot

展开
收起
杨冬芳 2016-06-15 18:33:12 4147 0
1 条回答
写回答
取消 提交回答
  • IT从业

    div 是块元素,会占一行,你可以指定宽度后,用 display:inline-block 使之成为行内块元素

    2019-07-17 19:40:01
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载