腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
使用
flex
box
布局
后
无法
将
div
居中
html
、
flexbox
、
centering
、
box
我是CSS和HTML的新手,试图在网页顶部
使用
居中
的文本和图像,我成功地
使用
了
flex
box
容器
布局
,
使用
了3个框,但我
无法
让下一个
div
在
flex
框下面
居中
。所有其他线都在弹性盒子容器的第三个盒子下面
居中
。?? 检查我的代码和输出https://codepen.io/alex1965/pen/eYZLQQG <!{ d
浏览 24
提问于2020-09-18
得票数 1
2
回答
垂直
居中
div
中的两个元素
html
、
css
、
centering
我尝试
将
两个<p>元素垂直
居中
。我会尝试其他方法,但这里的大多数问题都指向那个教程。relative; position: absolute; height: 52px;} <
div</
浏览 0
提问于2012-08-16
得票数 16
回答已采纳
3
回答
当flexbox设置为所有项目
居中
对齐并对齐时,为什么文本不
居中
?
html
、
css
、
flexbox
我
使用
代码的目标是使容器
div
中的文本垂直和水平
居中
。.container { display:
flex
; justify-content: center;}
box<
浏览 3
提问于2018-02-11
得票数 1
4
回答
对中图片HTML
html
、
css
#navbut { background: red; color: white; <
div
class="
box
"> <img src="http://placehold.it/100x100" alt="News-pic" class="Newspaper_pic&
浏览 2
提问于2018-01-19
得票数 1
回答已采纳
1
回答
保持绝对
flex
项与块
div
对齐
html
、
css
、
flexbox
当您调整窗口的大小时,它会更清晰地显示出来,这样
布局
就会稍微改变一点,文本和行就会对齐到右边。B9D7D9; height: 100%; margin-left: 42%;} position: relative;
flex
-shrink: 0;.
fle
浏览 6
提问于2016-09-15
得票数 0
回答已采纳
1
回答
中心挠曲项下的柔性箱网格
html
、
css
、
flexbox
要求:介绍部分应在.left-side中
居中
,“网格”不应
居中
,方框应占用足够多的空间,以适应2在行之间的空白处。.intro应该是左侧宽度的80 %。.container{ margin: 0 auto; }
flex
:8; .intro{ width:80%; bac
浏览 2
提问于2016-06-26
得票数 2
回答已采纳
1
回答
这可以
使用
CSS3来实现吗?
html
、
css
我将要向你展示的图片显示了我想要在我的网站上上传的图片的
布局
。不幸的是,我目前在后端通过创建4个
flex
-
box
列,然后循环所有图像并将它们分成4组来实现这一点。column 1中image 3放在column 3中然后在column 2中
使用
image 6 甚至我也知道,仅仅为了实现一些样式而在后端做一些要求如此之高的事情是非常非常不明智的,这就是为什么我一直在想是否可以
使用</
浏览 26
提问于2018-07-05
得票数 1
1
回答
是否有方法只扩展一个CSS网格行/列的高度?
css
、
flexbox
、
css-grid
问题是,当一张卡片展开时,行高明显改变,然后
将
卡片推到页面下方。对于同一列中的卡片来说,这很好,但是它在其他非展开列中的卡片之间创建了一个不需要的空间。有什么方法可以用CSS网格来解决这个问题吗?未扩大: 扩大的电流效应: 扩大
后
的预期效果: 这是我当前用于网格的CSS: display: grid; justify-content: space-evenly; row-gap:
浏览 16
提问于2022-06-16
得票数 1
回答已采纳
2
回答
使浮动垂直
居中
html
、
css
我正在努力尝试让左右两个信息框垂直
居中
(就像在桌面模式中一样)。 我认为
使用
floats是最直观的(对我来说)。我一直在尝试
使用
相对定位来使它们
居中
,但我不确定这是否可行。同样,通常的垂直
居中
技巧似乎不起作用(因为它们通常需要绝对定位)。有没有什么最好的办法?这是我到目前为止拥有的一小段代码。 roadblocks <
div
class="
box
center-
box
浏览 19
提问于2020-09-09
得票数 1
回答已采纳
3
回答
如何让
div
的宽度随着内容伸展
html
、
css
正如您所看到的,对话框的宽度被强制
使用
定义为的max-width,而不是仅在内容需要时才
使用
CSS定义。 position: relative; max-width: calc(90vw - 100px); } position: relative; background-clip: padding-
box
;
浏览 1
提问于2017-02-15
得票数 2
2
回答
如何
将
两个
flex
项目中的一个放在一个
flex
容器中?
html
、
css
、
flexbox
我希望方框2位于#
box
-cntnr的中心,所以我
使用
align-self属性。我愿意接受其他方法来完成这件事。。HTML <
div
class="
box
" id="b1">
box
1</
div
> <
div
class="
box
" id=
浏览 6
提问于2016-02-08
得票数 1
回答已采纳
1
回答
如何在同一TD中垂直对齐顶部和垂直对齐中间
html
、
css
我正在尝试在一个框的顶部有一个X和一个复选标记,并在中间显示标题,这是我的html结果是这样的:然而,我希望h5标签上写着“锻炼”在盒子中间。有谁可以帮我?
浏览 0
提问于2018-09-20
得票数 0
4
回答
为什么
flex
项不与对齐项和对齐内容一起拉伸?
html
、
css
、
flexbox
First Edit:如果我
使用
align-items: stretch;,我可以扩展我的
flex
项目,我不知道如何处理它,但是我在玩它,我认为我应该添加这个信息以及编辑,align-items: stretch值,拉伸
flex
。{} background: black<
div
class="container"> <
div
class="
box
浏览 0
提问于2017-07-20
得票数 2
回答已采纳
1
回答
为什么在chrome浏览器中
div
不是垂直
居中
,transform3d在
flex
-holder里面?
html
、
css
、
vertical-alignment
当我尝试
使用
下面的css垂直
居中
时 transform:translate3d(0,-50%,0); position:relative; top:50% 它不能在chrome浏览器中
居中
对齐。知道为什么它不是垂直
居中
的吗。但它在其他浏览器中
居中
。目前我的chrome浏览器版本是Version 84.0.4147.105
div
{
box
-sizing: border-
box
;.
浏览 19
提问于2020-08-06
得票数 0
2
回答
在
div
中只
居中
两个元素中的一个?
html
、
css
、
flexbox
、
centering
我试着在页面的body中只将.container
居中
,而不是.topnav,这样它就会垂直
居中
。但是,当我尝试
使用
以下命令设置body样式时:align-items:center;.topbar和.container都
居中
如何
将
.container垂直
居中
?} color: #6d6d6d; #co
浏览 0
提问于2017-10-21
得票数 5
5
回答
CSS/HTML -当自动边距似乎不起作用时,我如何使某些内容
居中
?
html
、
css
我尝试过的所有方法都没有使整个页面
居中
。 margin: auto; padding: 20px; word-break我只是想知道一些更全面的
居中
方法。
浏览 2
提问于2018-09-25
得票数 1
2
回答
在一个容器中对齐3个
div
(
flex
列)
css
、
flexbox
如下所示:我知道我可以
将
这两个红色
div
存储在另一行中,并将方向设置为行。但我想知道是否可以做到这一点,(特别是具有这个html结构的): display:
flex
; width: 200pxclass="main"> <
div
class="
box
top">
Box
1</
d
浏览 6
提问于2021-01-13
得票数 0
回答已采纳
2
回答
将
站点表单表格转换为
div
css
、
html
我正在尝试获得一些
div
的实践学习。我正在
将
一个站点从表格转换为
div
,并在填充之前对站点进行
布局
。这是我的小提琴: 基本上,当我展开或收缩浏览器窗口时,我希望站点保持
居中
(非常基本)。我
无法
让right_
box
与body_
box
保持一致。我试着在我的CSS中
使用
top:、left:和position:absolute来放置right_
box
,但是当我决定在整个
布局
中
使用
<
浏览 2
提问于2011-12-11
得票数 0
回答已采纳
5
回答
如何
将
flex
<
div
>水平
居中
?
html
、
css
、
flexbox
那么什么是水平
居中
flex
<
div
>的正确方法呢? width: 100%;} <
div
className="horizontal-centered">Center this</
div
>
浏览 1
提问于2016-11-01
得票数 5
3
回答
1/3和2/3比例的flexbox -
居中
项目
html
、
css
、
flexbox
如何
将
项目
居中
到它们适合的特定空间,以便它们不会
居中
取决于它们的大小,而取决于它们签名的空间的大小(1/3和2/3)? background: brown; background: red; height: 100px;
flex
: 1 1 auto; background: blue;} <
浏览 1
提问于2018-11-26
得票数 6
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
最全的实现垂直居中的方法
CSS 布局解决方案
CSS布局解决方案
CSS杂谈
20条CSS高级技巧
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券