相关疑难解决方法(0)

如何将div中的绝对定位元素居中?

我需要在窗口的中心放置一个div(with position:absolute;)元素.但我这样做有问题,因为宽度未知.

我试过这个.但需要根据宽度的响应进行调整.

.center {
  left: 50%;
  bottom:5px;
}
Run Code Online (Sandbox Code Playgroud)

有任何想法吗?

css center css-position absolute

1034
推荐指数
21
解决办法
108万
查看次数

如何在页面底部固定页脚

在我的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代码没有填充整页宽度.

有帮助吗?谢谢!

css footer

12
推荐指数
1
解决办法
6万
查看次数

如何强制一个元素位于 div/card 的底部

我正在制作卡片,末尾有一个链接。我想要做的就是让链接位于 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)

css bootstrap-4

2
推荐指数
1
解决办法
2939
查看次数

标签 统计

css ×3

absolute ×1

bootstrap-4 ×1

center ×1

css-position ×1

footer ×1