腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
使用
柔性盒
对齐
2个
div
:
一个
中心中心和
另一个
底部中心。
、
我试图
使用
柔性盒
对齐
两个
div
在他们
的
父母
与
一个
完全中心和
另一个
底部中心。他们都是同
一个
家长。{ border: 1px black solid; text-align:center; <
di
浏览 1
提问于2016-05-05
得票数 2
1
回答
为什么Flexbox“
对齐
项:中心”似乎不适用于多行
div
?
、
、
、
我正在摆弄
一个
更大
的
项目,它涉及生成
一个
具有任意维数
的
正方形
div
网格(即n乘以k平方元素)。这些方形
div
被添加到网格容器中,而网格容器又需要占用父容器
的
宽度和高度
的
100% (在这里不可见,但设置为400 by乘以400 by)。我
的
问题是:当这些
div
有超过一行时,如何
对齐
交叉轴上
的
正方形
div
(在这种情况下是垂直
的
)。设置“
对齐<
浏览 0
提问于2018-04-12
得票数 1
回答已采纳
2
回答
如何
对齐
两个挠性盒元素?
、
、
、
我试图
对齐
两个元素:
一个
与
容器顶部
对齐
,
另一个
与
中心
对齐
。大多数柔性箱示例
使用
的
是三个元素,而不是两个元素。所以我尝试了我自己
的
解决方案。} <
div
id="
box
1">
box
1</
div
>
浏览 4
提问于2018-11-22
得票数 0
回答已采纳
2
回答
Flexbox -在css中没有
使用
位置
的
情况下,将元素右转为“
flex
-方向:列”。
、
、
Flexbox --在CSS中不
使用
position
的
元素右转
flex
-direction: column; --嘿,伙计们,我想把我
的
元素(一行)右转,但不要
使用
定位。这个cod包含
flex
-direction: column;,我无法控制行
的
位置。如何
使用
flexbox元素以正确
的
方式实现它。 margin: 0;} .cont
浏览 5
提问于2020-10-19
得票数 1
回答已采纳
1
回答
在
flex
容器中底部
对齐
div
、
、
有两个并排
的
盒子(outerboxes)。我用flexbox使两个盒子
的
高度相等。在每个框中,文本应从顶部(即图像下方)
对齐
,按钮应显示在框
的
底部。
如何将
按钮
与
底部
对齐
?我尝试了多种方法来制作嵌套
的
flex
box
,但都不适合我。css .rowDisplay {} border: 1px solid black;.buttonC
浏览 96
提问于2021-08-25
得票数 2
1
回答
最好
的
方法是在
另一个
(有时是可见
的
)元素下放置元素,而不将内容向下推送?
、
、
、
、
我正在构建
一个
简单
的
字符计数组件,以便在
一个
React应用程序中
与
一些表单一起
使用
。在
与
<CharacterCount />组件关联
的
文本字段中包含一些文本之前,当前字符计数是不可见
的
。这三种解决方案都“有效”,但我感到奇怪
的
是,必须设置绝对值(在绝对定位和
使用
负边距
的
情况下),并且我担心,如果我不仔细考虑所涉及
的
元素
的
宽度,那么
使用
浏览 5
提问于2022-10-22
得票数 0
2
回答
如何在柔性盒中以不同
的
方式
对齐
特定
的
<
div
>?
、
、
我
使用
作为布局,在完成之后,我尝试获得以下
对齐
方式:我
的
想法如下: <
div
class=&quo
浏览 6
提问于2015-12-07
得票数 6
回答已采纳
0
回答
将两行调整为底部
对齐
,而不是按间距居中
对齐
、
我需要让两行
与
底部
对齐
,而不
使用
其余空间垂直
对齐
第一行。 jsFiddle上
的
示例: 在
浏览 3
提问于2018-07-13
得票数 0
2
回答
使用
溢出时
的
问题-x:滚动和
对齐
-内容:中心
、
、
我在
使用
溢出-x:滚动和证明-内容:在
flex
父容器上
的
中心时遇到了问题。请看下面的代码。我需要你
的
帮助。.container { margin: 0 auto; justify-content: center;
浏览 6
提问于2020-06-09
得票数 4
回答已采纳
2
回答
设置挠曲箱元件
的
基线
、
、
、
、
<
div
>B</
div
> <hr/> <
div
>C</
div
> </
div
> <
div</
浏览 6
提问于2015-09-21
得票数 0
3
回答
Flexbox -
对齐
-自:水平伸缩结束
、
如何
使用
flexbox将
div
.c
与
右端
对齐
,如下所示?+--------------+ |A B C | +--------------+
flex
-direction: row; .
box
{ height: 200px; widt
浏览 0
提问于2016-12-30
得票数 30
回答已采纳
2
回答
夹在弯曲端和间隙之间
、
、
、
在柔性箱中,当我
使用
justify-content:space-between时,第一项和最后一项精确地
对齐
到挠性容器
的
边界,其中
的
空间在它们之间被划分。
如何将
第一项
对齐
到右边,而其他项也
对齐
到右边(而不是整个宽度)?:#666666;
box
-si
浏览 0
提问于2016-09-06
得票数 6
回答已采纳
1
回答
如何相对于行高垂直移动文本?
、
我在
div
旁边有
一个
小
的
文本元素,它们在
flex
容器中居中。当它们这么短时,很明显,文本稍微向上偏移了几个像素。如果不在文本上
使用
页边距-top,并且不删除下面的任何现有样式,您将如何解决此问题?.container {align-items: center;border: 1px solid black; font-family: sans-serif; font-siz
浏览 0
提问于2020-02-17
得票数 1
6
回答
文本-
对齐
:中心和
对齐
-项目:中心不水平工作
、
、
、
我在各种各样
的
地方都试过text-align: center,但它们都不起作用。它们垂直工作,但不水平工作。我试着让它对每
一个
盒子都是水平
的
和垂直
的
。这是我
的
代码:.boxes {} width: 33%; display: -webkit-
flex
;.
box
p { align-items: cente
浏览 8
提问于2017-01-03
得票数 22
回答已采纳
1
回答
如何使这种响应性
的
网格布局?
、
、
我认为会是
一个
简单
的
布局,结果证明我还无法完成。 <p>Text</p> <
div
class="
box
"></
div
> <<
浏览 0
提问于2018-02-26
得票数 1
回答已采纳
2
回答
并排
对齐
两个HTML对象
、
、
我有
一个
彩色框和一些文本。我正在尝试将框
对齐
到文本
的
正左侧。我在尝试正确地
对齐
它时遇到了问题。我尝试过在堆栈溢出时查看其他帖子,并尝试
使用
float属性,但无法正确
对齐
,因为在
使用
float属性时,文本太靠右了。class="
box
boxColor" ></
div
> <br> <input type=&
浏览 15
提问于2019-05-26
得票数 0
回答已采纳
3
回答
如何将
一个
div
与
另一个
使用
flex
box
的
div
对齐
?
、
、
我需要把橙色
的
按钮
对齐
在蓝色按钮
的
底部。
使用
我当前
的
flex
代码,我无法获得想要
的
结果。有什么办法解决这个问题吗?谢谢.content { height: 150px; display:
flex
; height: 50px;
浏览 7
提问于2017-08-11
得票数 3
回答已采纳
3
回答
如何防止奇异元素失调
、
我试图在一条线上列出一些元素,这样它们
的
顶部和底部都是垂直
的
。style="height:160px"> </button> <input styl
浏览 2
提问于2018-06-18
得票数 1
回答已采纳
3
回答
如何将
元素定位到右侧?
、
我在表格
的
末尾有两个按钮。我
使用
的
是样式组件和react。问题是,当左
对齐
按钮被隐藏时,
另一个
本应留在右侧
的
按钮出现在左侧。下面是我
的
css(和布局截图),我需要添加/更改什么?const ButtonsContainer = styled.
div
` justify-content: space-between; `; 同时,jsx部分
的
代码<
div</e
浏览 66
提问于2019-04-17
得票数 1
2
回答
垂直
对齐
的
相同高度
的
引导柱
、
我
使用
的
是引导带3,我需要有相同
的
列
的
高度
与
垂直
对齐
在列
的
内容中。<
div
class="row"> vertical align top<
div
class="col-xs-12 col-sm-3&
浏览 3
提问于2016-07-27
得票数 2
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
给 Web 开发者的 Flutter 指南 5
最全的实现垂直居中的方法
给 Web 开发者的 Flutter 指南 4
巧用width-每日一招
给 Web 开发者的 Flutter 指南(3)
热门
标签
更多标签
云服务器
ICP备案
对象存储
腾讯会议
云直播
活动推荐
运营活动
广告
关闭
领券