腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
响应
式
四列
布局
Flexbox
所需
的
意见
html
、
css
、
flexbox
我使用移动优先
的
方法创建了一个
响应
式
的
四列
布局
。最小屏幕显示1列,较大屏幕显示2列,最大屏幕显示4列。 到目前为止,它似乎是有效
的
,但我希望您看一看我
的
代码,并告诉我我
的
方法是否有什么问题。如果您有
意见
,我将不胜感激。 <!charset="utf-8"> <meta name="viewport" content="width=device
浏览 19
提问于2019-02-13
得票数 2
回答已采纳
1
回答
Flexbox
响应
式
布局
css
、
flexbox
我正在玩
flexbox
,需要一点帮助。我想要一个大
的
正方形元素在左边和一个网格
的
四个较小
的
元素,这等于第一个到右边
的
大小。到目前为止,我有这样
的
想法:#flex {} display: flex; flex-direction,四个较小
的
元素堆叠在一起,我也想设置一个较大
的
元素
的
最小宽度,以便在某些断点处占据整个宽度。我希望第一个项目占据
浏览 2
提问于2016-11-23
得票数 1
1
回答
Flexbox
:
响应
式
列
布局
html
、
css
、
flexbox
、
multiple-columns
、
responsive
我找不到如何使用
flexbox
的
方法。 在移动设备上,我会自动切换到单列
布局
。div> </div> <a>Year 1986</a></div>这是不起作用<
浏览 0
提问于2021-03-15
得票数 0
1
回答
使用
Flexbox
作为媒体查询
的
替代方案
css
、
responsive-design
、
flexbox
所以,我今天晚上和
Flexbox
玩了一把,并成功地重新创建了我相对复杂
的
响应
式
布局
,只使用了
flexbox
项目,没有媒体查询。没有办法绕过媒体查询来制作生产版本(改变背景图像,字体大小等),但就
布局
而言,我有一个完全流畅
的
工作版本,代码要简单得多(参见下面的注释) 这就引出了我
的
问题:我应该这样做吗?注意:我使用了出品
的
优秀
的
SASS mixins来简化
flexbox
的</
浏览 1
提问于2013-09-14
得票数 1
1
回答
CSS/HTML屏幕大小自适应块/平铺
html
、
css
、
layout
、
css-float
我肯定之前有人问过这个问题,但我不确定这个术语意味着我
的
搜索结果没有得到任何相关
的
结果。 有没有一种简单
的
跨浏览器
的
非JS方式来做到这一点,它不需要刷新页面(适应于改变屏幕大小,即调整大小)?
浏览 0
提问于2016-12-23
得票数 0
1
回答
特色区块内容
的
多图像组合
javascript
、
html
、
css
、
responsive-design
、
flexbox
我正在尝试为下面的XD
布局
创建可靠
的
标记和样式我为整个项目添加了bootstrap,但我不知道如何为这个
布局
编写标记和样式,并记住
响应
性!
浏览 1
提问于2020-02-14
得票数 0
1
回答
响应
式
Web设计-元素之间
的
差距
html
、
css
、
flexbox
、
responsive
、
semantics
我正在尝试使用box-sizing: border-box;创建一个
响应
式
的
web,我知道大多数,如果不是所有的话,他们
的
语义标签都放在左边。在我
的
例子中,我划分了两个sections,一个是宽度为60%
的
aside,另一个是左侧浮动为40%
的
and。aside保持在右侧。我遇到
的
问题是section.upper-sec和aside.right-col之间
的
差距如果我在section.upper-sec和section.lower-s
浏览 21
提问于2020-11-04
得票数 0
1
回答
使用
flexbox
响应
式
磁贴
布局
html
、
css
、
layout
、
responsive-design
、
flexbox
我想创建一个磁贴
布局
(类似于metro风格
的
磁贴
布局
或Windows8
的
叫法)。所以我有一些瓦片/盒子,一些是二次
的
,一些可以是两倍
的
sice和二次,还有一些可以有两倍
的
宽度。到目前为止一切都很好,但我有一个
响应
性
的
问题,我认为
flexbox
可以为我解决这个问题……但也许我错了。目前框
的
布局
是这样
的
(箭头显示框应该“流动”
的
位置):
浏览 4
提问于2015-08-07
得票数 9
回答已采纳
2
回答
响应
式
flexbox
布局
:重新排序元素
css
、
flexbox
我正在努力实现一个
响应
式
的
布局
,如图片所示,左边是移动
的
,右边是桌面的。如果我可以为包装器设置一个固定
的
高度,使用
flexbox
会相对容易一些,但是因为内容是动态
的
,所以这是不可能
的
。 display: flex; flex-directio
浏览 2
提问于2018-05-23
得票数 4
12
回答
在CSS中设置最大字符长度
html
、
css
、
text
我正在为学校制作
响应
式
网站,我
的
问题是: 如何在我
的
网站上设置句子
的
最大字符长度(使用CSS) (如75个字符),当我有一个非常大
的
屏幕时,句子不会超过75个字符。我已经尝试了最大宽度,但它弄乱了我
的
布局
。我正在使用
flexbox
和媒体查询来使其具有
响应
性。
浏览 12
提问于2014-11-17
得票数 240
1
回答
圆滑
的
旋转木马-移除底部边距
的
问题
jquery
、
html
、
css
、
flexbox
、
slick.js
我正在尝试使用Slick和
flexbox
构建一个全屏
的
、
响应
式
的
3幻灯片旋转木马。每张幻灯片如下所示: <div class="carousel-yellow
flexbox
-column
flexbox
-space-between"> <div class="title-container
flexbo
浏览 11
提问于2017-08-25
得票数 0
回答已采纳
2
回答
Flexbox
为
响应
式
的
三列
布局
javascript
、
html
、
css
、
bootstrap-4
、
flexbox
我有一个关于三个
布局
列
的
小投票。 我
的
问题是在手机屏幕上。我有一个人在另一个人
的
下面,然后再问问题。请参见下图。 有谁知道怎么解决这个问题吗?
浏览 0
提问于2019-05-28
得票数 0
1
回答
使用
flexbox
的
响应
式
两列
布局
html
、
css
、
flexbox
我有一个很小
的
部分
布局
.collection { flex-direction: column;}___________|____| h1 |我知道如果我设置了max-width,
布局
就会换行。但是我事先不知道div
的
大小。我
的
意图是以这样一种方式包装,使两列具有相同
的
高度
浏览 15
提问于2016-08-09
得票数 2
回答已采纳
1
回答
编写
响应
式
2 (50%) /3 (33%)列CSS-网格
布局
的
最有效方法?
css
、
grid-layout
我目前正在尝试使用CSS grid来
布局
一个相当简单
的
响应
式
图像网格(见下图) 第一行将显示两个图像(均为50%宽度),第二行将显示三个图像(均为33%我对使用
Flexbox
的
布局
没有任何问题,但是CSS Grid解决方案对我来说并不存在。顺便说一句,我还在尝试使用CSS Grid,所以问题可能出在我身上?这种
布局
可行吗?
浏览 33
提问于2019-04-27
得票数 -2
回答已采纳
1
回答
使用CSS列‘分页’不适用于
Flexbox
的
“对齐-项:中心”
css
、
firefox
、
flexbox
、
mozilla
这只是中
的
一个问题(用最新版本进行测试)。justify-content: center;因此,我可以使用垂直对中
的</em
浏览 3
提问于2016-05-10
得票数 0
回答已采纳
2
回答
React :使用“`
flexbox
`”实现一个div而不是另一个div
css
、
reactjs
、
flexbox
响应
JS,只使用
flexbox
布局
实现一个div而另一个div。
浏览 0
提问于2017-11-05
得票数 2
回答已采纳
1
回答
布局
组件,如
flexbox
、navbar等
layout
、
flexbox
、
kendo-ui-angular2
我浏览了Angular 2
的
KendoUI组件存储库,现在我想知道
布局
组件,如带菜单
的
导航栏、
flexbox
(或类似的东西)和其他类型
的
容器是否会在最终版本中出现。或者如何实现
响应
式
设计,尽管有几个动作组件(按钮,多选,...)。 也许,我仍然需要使用常规
的
bootstrap,比如设计我
的
web应用程序。
浏览 1
提问于2016-12-23
得票数 0
1
回答
Flexbox
响应
式
最后一列浮动和堆叠
css
、
flexbox
、
frontend
、
responsive
为这个晦涩
的
标题道歉,但不知道该如何表达。想知道这种
响应
式
布局
是否可以使用
flexbox
。 我可以轻松地完成其中之一-但我正在努力实现以下目标,而不是创建两种不同
的
html
布局
。这有可能吗?
浏览 13
提问于2019-12-13
得票数 0
1
回答
使用
Flexbox
和过速子
的
响应
式
布局
reactjs
、
css
、
flexbox
、
tachyons-css
我想创建一个这样
的
布局
:我想使用React和。为此,我使用了,媒体查询如下:
布局
必须具有
响应
性基本上
浏览 2
提问于2019-04-25
得票数 1
1
回答
无法将表单标记添加到表中
javascript
、
html
、
reactjs
、
react-native
当我将表单标签添加到表格中时,我
的
输入域被隐藏了,并且我得到了如下警告: index.js:1446 Warning: validateDOMNesting(...): <tr> cannot appear这是我
的
代码: <Table hover bordered striped responsive size="sm"> <tr> <th>Id</th>
浏览 47
提问于2019-03-19
得票数 1
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
一行 CSS 代码实现响应式布局,使用 Grid 实现的响应式布局
一行 CSS 代码实现响应式布局–使用 Grid 实现的响应式布局
响应式布局的那点事情(一)
关于响应式布局,你必须要知道的
简单实用的jQuery响应式网格瀑布流布局代码解析/附源码下载
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券