腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
如何
让
孩子们
的
动态
内容
居中
,
并与
flex
保持
相同
的
宽度
?
css
、
flexbox
好吧,我知道这不太可能,但你永远不会知道,所以我还是会问
的
。 我有一个
flex
容器,可以显示4个项目,这些项目的
内容
是
动态
生成
的
(在数据库中挑选)。也就是说我不知道它们里面是什么。item content</div> <div class="item">Other content</div> </
浏览 8
提问于2020-07-13
得票数 1
2
回答
CSS Flexbox:带有左对齐元素
的
中心容器
html
、
css
、
flexbox
我在这里设置了一个简短
的
演示:。我有一个flexbox,里面有很多盒子。我将容器
的
最小
宽度
设置为3个框,最大
宽度
设置为4个框。它可以工作,但我希望最后一个元素左对齐,而不是浮动在中间。有没有办法
让
元素左对齐,只需将容器
居中
?容器
的
CSS代码如下,其中一个盒子
的
宽/高为100px: padding: 1em;
flex
-wrap: wrap;
浏览 3
提问于2018-02-13
得票数 0
2
回答
带有浮动图标的按钮内
居中
的
文本
flutter
、
mobile
、
flutter-layout
我遇到了一些问题,我想要制作一个按钮(任何类型
的
实现这一点),它
的
图标总是在按钮开始时
的
相同
位置,并且按钮
的
文本始终相对于它下面的文本
居中
,并且始终在按钮本身
居中
,即使文本是
动态
的
。这就是我想要实现
的
: ? 按钮文本根据下面的文本
居中
(
保持
不变),
并与
上面的按钮
居中
,但如果按钮文本
动态
变化,则会出现以下问题: ? 或
浏览 16
提问于2021-10-20
得票数 0
回答已采纳
2
回答
如何
使用CSS水平对元素进行
居中
?
css
使用CSS对元素进行水平
居中
的
每一个例子都说明了将margin-left和margin-right设置为auto。
浏览 3
提问于2015-01-27
得票数 0
回答已采纳
1
回答
按比例缩放Img以填充整个容器,而无需CSS覆盖(javascript/React)
javascript
、
css
、
reactjs
图像需要填充容器
的
整个
宽度
和高度,但
保持
居中
并与
其原始大小成比例。我希望它是
动态
的
,所以图像可以填满任何尺寸
的
屏幕。const imageContainerStyle = { width: "100%", display: "
flex
浏览 32
提问于2021-01-24
得票数 0
回答已采纳
2
回答
页脚图像与页脚文本不在同一行上
css
、
reactjs
我希望页脚上
的
图像/徽标与页脚上
的
文本在同一行上,但无论我做什么,它都会位于线下,看起来像这样我
的
css代码如下所示 background-color: #007FC0; padding: 25px 0;
flex
: 1 1 auto;} bottom: 0;
浏览 34
提问于2021-03-14
得票数 0
2
回答
Flexbox:子用户
如何
拥有其
内容
的
宽度
,而子2
如何
填充其余
的
宽度
?
css
、
flexbox
我有一种情况,我想
让
孩子们
并肩作战。我希望子对象1
的
宽度
等于其
内容
的
宽度
,然后由子2占用父级
的
其余
宽度
。 display:
flex
;
flex
-basis: 0;} .
浏览 2
提问于2018-06-26
得票数 0
回答已采纳
1
回答
将图例文本和圆形
居中
对齐
javascript
、
svg
、
d3.js
我需要为我
的
图表绘制一个水平图例,但不确定
如何
将其
居中
对齐,并使其彼此
保持
相同
的
距离。 ? 我可以为包含以下
内容
的
每个项目绘制组 <g class="legend"> <circle r="2" ... /> <text</g> 由于文本是<em
浏览 19
提问于2021-03-31
得票数 0
2
回答
弹性框:最大交叉
宽度
css
、
flexbox
我正在尝试使用CSS
flex
来实现一个简单
的
布局:│ body ││ │ header │─────┤ ││ └────────┘ │到目前为止,我已经做到了:body {
flex
-direction: column;}
fle
浏览 0
提问于2018-12-12
得票数 0
2
回答
Flex
-grow在
内容
存在时不具有
相同
的
行为
html
、
css
我应用了display:
flex
,并对孩子设置了
flex
-grow: 1;。一切都很好,直到我把一些文本放入一个孩子,当盒子变大
的
时候。怎样才能让
孩子们
在我放一些
内容
的
情况下也
保持
相同
的
宽度
呢? height: 100%;.page-wrapper{ height: 50%;
浏览 3
提问于2021-02-15
得票数 1
1
回答
无法扩展输入栏
的
宽度
并使其
居中
对齐
html
、
css
、
material-ui
下面是我用来将所有东西都放在用户屏幕中心
的
类。container: { position: "absolute", left: 0, width: "100%", }
浏览 14
提问于2021-02-13
得票数 0
2
回答
Flexbox等高列
html
、
css
display:
flex
; align-items: center;} padding: 4rem;
flex
-basis: 25rem; </div> 周一快
浏览 12
提问于2021-02-23
得票数 1
回答已采纳
3
回答
Div不
居中
html
、
css
我有一个非常基本
的
% width
的
div集。我正尝试在<div class="media-top-center">中
居中
元素。
浏览 0
提问于2014-01-03
得票数 1
2
回答
菜单中
的
中间文本
css
、
html
、
amp-html
、
google-amp
我很难把菜单中
的
文本Perfect Imprints放在与汉堡包图标
相同
的
位置上。我似乎只能让它
居中
,但是在一条分开
的
线上--或者--
让
它在同一条线上左对。 我怎样才能解决这个问题?
浏览 3
提问于2018-08-07
得票数 0
回答已采纳
1
回答
我需要缩小尺寸并移动我
的
列表,但是这个空白被完全忽略了。
html
、
css
、
margin
<ul>obsah5</ul>CSS: width: 80vw; align-items: center;
flex
-wrap: wrap; border-width: 5px; border-col
浏览 4
提问于2022-10-22
得票数 0
1
回答
同时获得弹性项目和垂直中心
内容
?
html
、
css
、
flexbox
我有一行灵活
的
项目,我希望每个项目的
内容
与行垂直
居中
,我也希望项目从行
的
顶部延伸到底部,使项目的背景色从上到下显示。这有可能吗。现在,我
的
标记看起来如下: <div class="u-width-25rem{{weight}}</div> <div class=&qu
浏览 1
提问于2017-06-27
得票数 2
回答已采纳
2
回答
‘’Justify content‘属性不适用于
Flex
html
、
css
、
flexbox
编辑:解决通过卡姆隆
的
建议。问题是,我将“主”元素
的
宽度
设置为50%。我将正确
的
父容器设置为我
的
"
flex
“类,其中包含两个子div。在两个弯曲
的
方向上试过。还尝试在3种不同
的
浏览器中签入--
相同
的
行为。
内容
保持
与左对齐。 fo
浏览 5
提问于2022-08-10
得票数 0
回答已采纳
1
回答
为什么挠曲盒中
的
<img/>在应用对中时不调整大小?
css
、
flexbox
我试着把一个img放在一个柔韧
的
盒子里,并使它可以调整大小。当我使用对齐对齐:
居中
或边距: auto时,它对所有分辨率都
保持
相同
的
大小。当我移除对中时,它会完全调整大小(但是它不是
居中
的
:v)。编辑:我解决了它
的
{
宽度
:100%;最大
宽度
:800 me/我/}//SASS display:
flex
;
flex
-
浏览 3
提问于2022-09-12
得票数 2
回答已采纳
1
回答
Flex
容器中
的
子分区在%
宽度
上不均匀
html
、
css
、
flexbox
、
width
、
responsive
我在一个灵活
的
容器中有三个DIVs,它需要以40 to
的
边距均匀地伸展,并且在屏幕
宽度
缩小时响应。当我开始缩小浏览器窗口
的
大小时,中间
的
DIV仍然比旁边
的
另外两个大。
如何
保持
所有三个子DIVs
的
宽度
与屏幕
宽度
缩小
相同
?这是我
的
代码: .container { margin: auto; margin-b
浏览 2
提问于2021-12-17
得票数 0
1
回答
将特定元素与其他元素之间
的
挠性盒对齐
html
、
css
、
flexbox
我在柔性盒中有三个元素
的
布局,如下所示: display:
flex
; align-items: center; <div class="
flex
-item"> computed width of 50px </div> <div c
浏览 0
提问于2017-02-09
得票数 3
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
CSS 布局解决方案
CSS布局解决方案
大误:已经会了?
前端设计,CSS 常用布局解决方案
从零开始学 Web之CSS3(七)多列布局,伸缩布局
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券