腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
CSS
网格
-
根据
div
中
的
内容
进行
调整
css
、
css-grid
、
styled-components
我即将在我们
的
网站上实现标签,我们想从我们
的
CMS
中
动态地添加它们。所有标签都会呈现在页面上,我们可以使用这些标签,尽管我们希望
div
自动
调整
为文本长度。 请参阅最终目标的示例: ? 现在,标签具有容器
的
完整宽度,如下图所示: ? 使用
CSS
网格
和样式组件,如何实现
div
宽度
的
自动
调整
?代码现在是这样
的
: import React from "react&q
浏览 8
提问于2021-02-05
得票数 0
回答已采纳
4
回答
具有可变列布局
的
响应式
网格
javascript
、
html
、
css
、
grid
、
responsive-design
有没有办法使用“传统
的
”
网格
布局
根据
屏幕宽度
调整
列数? <
div
class="four columns"></
div
>假设在某
浏览 2
提问于2012-12-11
得票数 2
1
回答
使用对齐
内容
属性
的
网格
项
的
意外行为
css
、
css-grid
在
css
-诀窍完整指南-
css
-
网格
中
,它描述了正确
的
内容
属性如下:
调整
-
内容
有时
网格
的
总大小可能小于其
网格
容器
的
大小。如果所有的
网格
项目都使用非灵活
的
单位(如px )大小,这可能会发生。在这种情况下,可以在
网格
容器
中
设置
网格
的
对齐方式。此属性沿内联(行)轴对齐
网
浏览 4
提问于2020-12-16
得票数 1
回答已采纳
2
回答
如何使多个
div
列
调整
到
内容
大小和适合父级?
html
、
css
、
gridview
我需要定制一个data grid,它是由divs作为rows和cells组成
的
,而不是table组件。我可以使用
CSS
来实现这一点。没有Javascript。 如何使用
CSS
调整
多个
div
列以适应
内容
大小和适合父列
浏览 2
提问于2016-09-02
得票数 0
1
回答
从用户定义
的
输入中生成输入矩阵
javascript
、
css
、
reactjs
、
frontend
、
css-grid
我试图作出以下反应: // create a 3x3 matrix with some blank inputs as values values constmatrix = Array.apply(null, Array(9)).
浏览 2
提问于2020-08-22
得票数 0
回答已采纳
1
回答
Ag-Grid -带有多行文本
的
行
css
、
angularjs
、
row-height
、
ag-grid
我使用
的
是 (版本1.16.1),我需要在表
中
显示一个很长
的
文本,并且我希望
根据
内容
来
调整
行高,如果有必要的话,可以断行。我试过: setRowStyle方法gridOptions:我添加了
CSS
类来
根据
内容
来
调整
roe
的
高
浏览 6
提问于2016-03-17
得票数 13
2
回答
CSS
帮助。打开扩展
div
,而不将
内容
向下推
html
、
css
、
web
根据
图像,图1是封闭状态。一旦用户在第二个面板
中
展开绿色
div
,下面(蓝色)
的
内容
也会被推倒。是否有一种使用
的
方法--只使用
CSS
--我可以打开绿色
div
而不将蓝色
内容
向下推?我正在使用第三方组件,所以我没有能力更改HTML,所以我只能使用
CSS
。 目前,这3个
div
是用display: flex; flex-wrap: wrap包装在另一个
div
中
浏览 2
提问于2020-11-13
得票数 0
回答已采纳
1
回答
创建自动缩放
的
固定像元大小格网
html
、
css
、
gridview
、
datagrid
、
inventory-management
我想在我
的
网站上创建一个库存视图。基本上它应该看起来像这样:请注意,
网格
的
宽度(以元素
的
倍数表示)始终
根据
设备
的
屏幕尺寸
进行
调整
。此外,
网格
容器应该始终自动适应所选
网格
宽度
的
宽度。我尝试过使用
css
-grid来实现这一点,尽管我不知道如何让
css
-grid
根据
屏幕大小自动确定列数。然后,我尝试简单地为每个图像设置一个固定大小,并让HT
浏览 1
提问于2020-11-15
得票数 1
2
回答
响应
CSS
停止工作
html
、
css
今天晚上,我一直在摆弄一个网站,用float:left; width:300px;padding: 10px;做专栏响应,但是它停止了工作,我忽略了测试它
的
响应性,因为我在它周围构建了这个站点,我已经把这个站点剥得一干二净我一直在用jsfiddle - 测试这个网站body { font-family: Verdana, sans-serif; font-size: 10px</
div
浏览 1
提问于2015-08-03
得票数 0
回答已采纳
1
回答
响应式3列
网格
布局留下空旷空间。
html
、
css
、
responsive-design
、
grid
、
percentage
我正在建立一个响应
的
组合网站与一个缩略图
网格
。
根据
浏览器
的
宽度,它从一列
网格
到三列
网格
。 现在,这只是偶尔发生
的
事。当我
调整
浏览器
的
大小时,我可以看到它从正常
的
网
浏览 1
提问于2015-08-17
得票数 0
回答已采纳
2
回答
照片右侧
的
表格
css
、
twitter-bootstrap
、
asp.net-mvc-4
我需要在Asp.net MVC
的
照片右侧添加一个表单。我在我
的
主页上有一个呈现主体,然后在另一个视图中我有这个引导代码: </
div
> @Html.LabelFor(m => m.Nov
浏览 3
提问于2016-05-20
得票数 0
1
回答
如何在Bootstrap
中
应用行之间
的
连续边框?
twitter-bootstrap
、
twitter-bootstrap-3
在大型桌面
中
,四个
div
应该出现在一行
中
。在中型设备
中
,应该出现三个dive,在小型设备
中
应该出现两个dive,而在移动设备
中
,只应该在一行
中
显示一个潜水。我做到了。但是我需要所有的
div
都有边界,在两个连续
div
之间,一个px间隙应该在那里。 我添加了边框,它工作得很好,当我向
div
添加利润率1px时,在大型桌面
中
,第四个
div
将移到下一行。我
的
Html代码是-
浏览 2
提问于2014-07-01
得票数 3
回答已采纳
1
回答
Kendo TabStrip内
的
Kendo
网格
有无限高
javascript
、
html
、
kendo-ui
、
kendo-grid
、
kendo-tabstrip
我有一个Kendo
网格
,它放置在一个页面上,它跨越整个可见页面(宽度和高度)。如果行太多,
网格
将显示一个滚动条。但是,当我将
网格
放置在Kendo TabStrip (高度为100%)
中
时,
网格
的
高度变得无限,没有显示滚动,页面外
的
行不可见(不能滚动到)。 如何将
网格
限制在制表符
的
高度?
浏览 0
提问于2015-06-24
得票数 0
回答已采纳
1
回答
强制表单元格
的
宽度/高度适应
div
css
、
html-table
、
size
我有一个
网格
(7x7表格)
的
图像。我想要将表格/
网格
自动
调整
到一个流体大小
的
div
中
,该
div
可以
根据
显示器
的
显示大小
进行
调整
。我希望表格不超过
div
的
界限,既不宽也不高,但要占据最大
的
面积,同时保持每个表格单元
的
高度和宽度与所有其他表格单元相同。 我知道从我
的
描述
中</em
浏览 2
提问于2012-11-04
得票数 2
3
回答
收缩
div
以适应其他
div
javascript
我有一个固定大小
的
父
div
,其中子
div
的
16 * 16
网格
非常适合。我需要找出一种方法来确保如果我想要一个15*15
网格
或17*17
网格
,子
div
会自动
调整
大小以适合父
网格
。也就是说,孩子
的
div
会
根据
提示符
中
调用
的
数字而变大或变小。我还是个初学者,已经尝试过几种不同
的
CSS
工具(
C
浏览 15
提问于2019-05-06
得票数 0
回答已采纳
1
回答
如何将嵌套
的
DIVs放置在具有可变行高
的
CSS
网格
中
?
css
、
css-grid
我需要把4个
div
容器放在一个2乘2
的
矩阵
中
。列
的
宽度必须相等(因此是固定
的
),而行
的
高度必须适应单元格
的
内容
(因此是可变
的
)。</
div
>对应
的
CSS
如下所示: display: grid;} 不幸
的
浏览 2
提问于2021-12-22
得票数 0
回答已采纳
1
回答
CSS
网格
列宽在Firefox和Chrome
中
的
行为不同
css
、
css-grid
我是
CSS
Grid
的
新手,当我实现一个Grid布局时,我意识到在Firefox和Chrome
中
布局是不同
的
。我认为Firefox坚持我给出
的
“grid -template-column”
的
网格
宽度规范,而chrome则先
根据
内容
进行
调整
,然后再查看
网格
宽度。请找到下面的钢笔链接,当你在firefox和chrome
中
打开它时,结果看起来不同。如何解决这个问题?
浏览 2
提问于2018-08-29
得票数 2
2
回答
extjs2
中
的
表单面板布局问题
css
、
layout
、
html
、
extjs
我是extjs布局
的
新手。我有一个默认布局
的
表单面板。我正在添加一个包含
网格
和两个按钮
的
字段集。我正在渲染一个表单面板到
div
。JSP
中
的
Div
JS
中
的
FormPanel {buttonAlig
浏览 0
提问于2011-10-03
得票数 0
1
回答
CSS
网格
重复列自动填充和minmax并不使所有列都相同大小。
html
、
css
、
css-grid
我有一个项目,我在那里使用
CSS
网格
。我对使用
CSS
网格
很陌生,并找到了这个解决方案:如何使响应
网格
根据
可用宽度大小自动
调整
其项
的
大小。如下图所示,包含“Hellooooo world”
的
项目更大,包含“Hello”
的
项目更小。我希望
网格</em
浏览 1
提问于2021-08-20
得票数 2
回答已采纳
3
回答
调整
布局图像和大小
html
、
css
我试图
根据
页面大小
调整
图像和大小,使其不会超出
网格
范围,但我做不到。我试着在
CSS
中
添加下面这些行,但它使其他图像出错 width: 100%;} 在
网格
之外
的
图像
浏览 1
提问于2017-11-13
得票数 1
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
迈向 Grid 二维布局时代
CSS Grid 布局
为什么CSS Grid在创建布局上比Bootstrap更好
CSS入门(一)
在这3年开发中遇到的 CSS 问题及解决方案,有大佬帮他总结好了
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券