Css 将 2个 div 放到一行。

最新推荐文章于 2024-02-29 16:47:09 发布

Candy_home

最新推荐文章于 2024-02-29 16:47:09 发布

阅读量2k

点赞数

分类专栏：新手入门

本文链接：https://blog.csdn.net/Candy_home/article/details/26689553

版权

新手入门专栏收录该内容

8 篇文章 2 订阅

订阅专栏

方法1：使用inline-block

display: inline-block;
vertical-align: top;

方法2：使用float

1. float: right;
1. float: left;

代码：

html

    <div class="pr-other-user_header-img"></div>
    <div class="pr-other-user__title">Anonymous User</div>

Css

<span style="white-space:pre"></span><pre name="code" class="css" style="font-size: 32px; font-weight: bold;">.pr-other-user_header-img{
  width: 26px;
  height: 30px;
  display: inline-block;
  background-image: url(blue_people.png) ;
  background-size: 26px 30px;
}


.pr-other-user__title{
  color: @pr-light-blue;
  font-size: 13px;
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
}