Flexbox div不在另一个div中居中

文章/答案/技术大牛

发布

2回答

twitter-bootstrap、css、flexbox

我在另一个div#zinc.container-fluid中有一个div.container。-- /.navbar-collapse --> </nav> <div

浏览 19提问于2017-01-26得票数 2

回答已采纳

1回答

我有一个flexbox里面的一排图像，内容居中对齐，项目居中对齐；即内容应该垂直和水平居中。所有的图片看起来都很棒，直到我去把这些图片包在标签里，让它们可以点击。下面是包含在链接中的图像的HTML。(lang_container_desktop是彩色的div，header_links是包含图像的flexbox )： <div class="header_links"> <div clas

浏览 22提问于2020-03-28得票数 0

回答已采纳

2回答

我可以使用Flexbox创建背景和前台吗？

html、css、flexbox

我想定位一个div在背景，另一个div在前景。Fog圆形div应根据背景中div的大小或容器div的大小自动地垂直和水平地居中。

浏览 10提问于2017-07-08得票数 1

回答已采纳

1回答

如何将div置于div上方

html、css

countdown-bg { border-top: solid 1px #ccc; margin: 12px;<divclass="countdown"> Final Hours </div>

浏览 21提问于2018-06-06得票数 0

回答已采纳

2回答

使用flexbox使内容居中，同时不使元素并排显示

html、css、flexbox、centering

我正在使用flexbox与justify-content: center将内容居中，它的工作方式与预期的一样，但flexbox也将div移动到并排，这是我不想要的。center; width: 100px; background-color: #000;} <div class="content&q

浏览 4提问于2017-07-17得票数 1

回答已采纳

7回答

使Bootstrap中的内容在列中居中

twitter-bootstrap、bootstrap-4、flexbox、bootstrap-5

我需要帮助来解决这个问题，我需要居中的内容在bootstrap4中的列，请找到我的代码如下 <div class="row justify-content-center"> <div class="nauk-info-connections"

浏览 2提问于2017-03-01得票数 108

2回答

如何在不使用背景的情况下使用HTML和CSS3创建具有响应性的、垂直和水平居中的图像

html、image、css、center

我的目标是使图像在其容器内垂直和水平居中，并且图像在不改变原始纵横比的情况下占用尽可能多的空间。使用{ background-size: contain；background-position: center；background-repeat: norepeat；}不是一个选项，因为我需要将覆盖div使用背景将意味着包含的div不会精确地跟随图像大小。这里尝试使用flexbox来实现这一点。不幸的是，它不能在Firefox中工作(至少在linux上)。这是另一个尝试，这一次使用绝对定

浏览 2提问于2014-09-26得票数 0

3回答

角度材料布局-对齐=“中心中心”不起作用

html、css、angularjs、material-design、angular-material

我尝试使用layout-align = "center center“，它可以让内容在垂直和水平方向上居中对齐。但它只是水平对齐内容，而不是垂直对齐。<md-toolbar> <h2 flex>Hello</h2> <&#x

浏览 1提问于2015-11-20得票数 11

回答已采纳

1回答

移动端的Flexbox和bootstrap -对齐项目的麻烦:中心

css、twitter-bootstrap、flexbox

这里是bootply：将有黑色边框-顶部1px实体在两行中，问题是div不是相同的高度，所以他们不会创建“一条线”。怎样才能使边框的div在同一时间内保持相同的高度并居中？我试过flexbox，但可能出了点问题。只有在以下情况下才有效： align-items: inherit;但在本例中，div的内容不在中间。谢谢你帮我，卡罗琳娜

浏览 3提问于2017-08-15得票数 1

3回答

DIV居中，固定背景顶部

html、css

我确信我忽略了一些简单的东西，但我正试图在页面上居中显示内容div。背景图像是16x9，我希望它保持不动，而中心内容div在标题div下面上下滑动。<!Untitled Document</title><<em

浏览 0提问于2013-06-22得票数 0

3回答

使用flexbox居中，以及为什么使用位置会破坏ui

javascript、html、css、sass、node-sass

header className="parent__section" id="header-section-hero">

浏览 14提问于2021-08-29得票数 0

3回答

当flexbox设置为所有项目居中对齐并对齐时，为什么文本不居中？

html、css、flexbox

我是flexbox的新手。我使用代码的目标是使容器div中的文本垂直和水平居中。justify-content: center;} box-sizing: border-box;} <divclass="container"

浏览 3提问于2018-02-11得票数 1

2回答

如何在CSS中使div中两个重叠的圆圈居中？

html、css

我试图在一个div中居中两个重叠的圆圈，但由于边距-right -100的样式，它不起作用。这就是导致它们重叠的风格。我试着在它周围的div上设置边距的样式:0 auto，但它不起作用。我还尝试使用一些bootstrap和生成列来帮助它们居中，但到目前为止都没有起作用。我已经在下面添加了一个合适的演示代码。 4em; font-family: BrandonGrotesque, Brandon Grotesque; } &

浏览 111提问于2020-06-16得票数 2

回答已采纳

2回答