Html :前面有一个图像和内容:"&引用;将内容放在右下角

Html :前面有一个图像和内容:"&引用;将内容放在右下角,html,css,reddit,Html,Css,Reddit,我有一个伪类:before,背景图像为300x200px,css内容:“是背景的名称,应该放在右下角 我曾经 text-align:right; 使用填充将文本向下移动,但这会放大元素的高度,因此我需要其他解决方案。不,我不能对文本使用单独的元素 编辑:我不能显示代码,因为它是用于subreddit样式表的,而且css比我可以显示的多得多 #header [name='uh']~a:before, body>.side:before { position: absolute; widt

我有一个伪类:before,背景图像为300x200px,css内容:“是背景的名称,应该放在右下角

我曾经

text-align:right;
使用填充将文本向下移动,但这会放大元素的高度,因此我需要其他解决方案。不,我不能对文本使用单独的元素


编辑:我不能显示代码,因为它是用于subreddit样式表的,而且css比我可以显示的多得多

#header [name='uh']~a:before, body>.side:before {
position: absolute;

width: 298px;
content: '';
text-align: right;
padding-top: 375px;
padding-right: 2px;
color: rgba(64, 92, 120, 0.7);
top: -207px;
right: -300px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}

body>.side:before {
top: 70px;
z-index: 100;
top:-200px;
right:0;
}
#header [name='uh'][value$='0'] ~ a:before { background-image: url(%%1%%); content: '/u/Hisfantor';}

可以使用“线高度”属性

请参阅下面的代码段,先是CSS,然后是HTML

.test{
位置:相对位置;
高度:300px;
}
.测试::之前{
内容:“形象”;
位置:绝对位置;
排名:0;
左:0;
底部:0;
保证金:自动;
高度:300px;
宽度:300px;
文本对齐:右对齐;
线高:600px;
背景图像:url(“https://hub.91mobiles.com/wp-content/uploads/2016/09/Google-Now-launcher.png");
}

您能否同时提供您的代码,并更新您的答案。这很难理解,而且一点也不清楚。谢谢我同意他的观点。很难确切地理解你想要实现什么。如果您提供了代码,我们可能会发现问题所在。我无法显示代码,因为它是用于subreddit样式表的,而且css比我可以显示的多得多,包括重现当前布局所需的最小代码量。你不必发布整个项目。看看如何创建一个可能有效的,谢谢你的想法