首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用css将左元素和右元素放在同一行中

使用css将左元素和右元素放在同一行中
EN

Stack Overflow用户
提问于 2020-07-14 03:40:59
回答 1查看 43关注 0票数 1

我需要把这个小标志在网站的右侧。现在看起来是这样的:

我需要这个:

我使用了下面的CSS代码:

代码语言:javascript
运行
复制
.term-151 .page-title.color-scheme-light .entry-title:after {
content: "";

display: inline-block;


background:  url(logourl.jpg here) no-repeat;
width: 30px;
    background-size: contain;
height: 30px;
position: absolute;
    margin-left: 10px;

}

你知道如何做到这一点吗?谢谢。

EN

回答 1

Stack Overflow用户

发布于 2020-07-14 04:20:29

使用float,并从其中删除position: absolute。

代码语言:javascript
运行
复制
float:right

但在我看来,标志的一部分是内部背景。你需要包含独立的img标签和使用浮动。

并在选择器之前使用该选项,而不是:after

代码语言:javascript
运行
复制
.term-151 .page-title.color-scheme-light .entry-title

请尝试这样做,没有浮动:对。

代码语言:javascript
运行
复制
.page-title {
    position: absolute;
    top: 0;
    right: 0;
}
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/62883104

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档