我需要在窗口的中心放置一个div(with position:absolute;)元素.但我这样做有问题,因为宽度未知.
我试过这个.但需要根据宽度的响应进行调整.
.center {
left: 50%;
bottom:5px;
}
Run Code Online (Sandbox Code Playgroud)
有任何想法吗?
在我的HTML中,我有一个div级别的"页脚".我希望它有一个bg到#000并占据整页宽度并且在它之后没有留下任何空格.
我目前正在使用这个CSS:
.footer {
color: #fff;
clear: both;
margin: 0em 0em 0em 0em;
padding: 0.75em 0.75em;
background: #000;
position: relative;
top: 490px;
border-top: 1px solid #000;
}
Run Code Online (Sandbox Code Playgroud)
但是这个css代码没有填充整页宽度.
有帮助吗?谢谢!
我正在制作卡片,末尾有一个链接。我想要做的就是让链接位于 div 的底部,无论如何。目前,它们位于文本的末尾。有没有一种简单的方法可以实现这一目标?
如果可以避免的话,我不想使用卡片页脚,我想将其与产品链接所在的 div 底部对齐。现在的样子是这样的:
超文本标记语言
<div class="card wow fadeIn swipe-away hover-shadow ">
<img class="card-img-top" src="<?php the_sub_field('product_image'); ?>">
<div class="card-body">
<h5 class="card-title"> <?php the_sub_field('product_name'); ?></h5>
<p class="card-text"> <?php the_sub_field('brief_description'); ?></p>
<a href="<?php the_sub_field('product_link'); ?>" class="h3 read-more-full btn hero-btn wow fadeIn btn-accent">View Strain</a>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)