腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
圈层
工具
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
3
回答
收缩
div
以
适应
其他
div
我有一个固定大小的父
div
,其中子
div
的16 * 16网格非常适合。我需要找出一种方法来确保如果我想要一个15*15网格或17*17网格,子
div
会自动调整大小
以
适合父网格。也就是说,孩子的
div
会根据提示符中调用的数字而变大或变小。我还是个初学者,已经尝试过几种不同的CSS工具(CSS网格和flex框),但我只能让框向下滚动或增加父
div
的大小,而不能根据需要减少或增加子
div
的大小。; var conta
浏览 15
提问于2019-05-06
得票数 0
回答已采纳
2
回答
使<
div
>
收缩
以
适应
内容
、
我定义了一个
div
,如下所示: <label for="valueInput">Value</label> <input type=&quo
浏览 5
提问于2015-06-11
得票数 0
回答已采纳
1
回答
如何
收缩
div
以
适应
文字包装文本
、
、
此容器
以
页面为中心。当我缩小导致文字包装的页面时,容器不再以中心为中心,因为文本
div
不会缩小到单词包装文本的大小。见JSFiddle 。可能很难理解我所讲的片段,因为您可能无法缩小页面
以
看到包装的发生。最好还是看一下弹琴。 justify-content: center;} font-size: 22px;<
div</e
浏览 3
提问于2016-09-29
得票数 5
1
回答
如何使html元素封装其内容,然后
收缩
以
适应
?
、
、
、
我希望每个孩子包装他们的文本内容,然后
收缩
以
适应
他们的宽度后,包装。display: inline-block;.child { display: inline-block;} <
div
class="child"> I am child with loooong text.</
浏览 2
提问于2016-05-02
得票数 1
4
回答
收缩
包装/
收缩
以
适应
css中回流的浮动
div
、
、
我正在尝试获得一个
div
content,它可以调整到一行中可以容纳的
div
的数量。因此,当窗口比所有item
div
的总和都大,因此它们都在一行中时,该示例工作得很好,但是当窗口调整得更小,以便其中一个item回流到下一行时,content
div
的宽度是100%,而不是
收缩
包装。HTML: <
div
class="content"> &
浏览 1
提问于2011-10-02
得票数 16
3
回答
拉伸/
收缩
父
div
以
适应
内容的宽度
、
、
、
、
我试图使一个
div
的宽度和它的内容一样宽。这里有一个fidle来展示我的意思: 我要蓝色区域和白色一样宽。
浏览 1
提问于2013-08-12
得票数 0
1
回答
CSS布局:移动,垂直布局,页眉(固定高度),页脚(固定高度)。如何在高度和宽度约束下用img填充剩余空间
、
、
、
、
我想做的是: <
div
class='header'> Hea
浏览 1
提问于2021-07-01
得票数 0
回答已采纳
1
回答
文本对齐:中心不对中锚标签
、
、
、
、
我想把我的锚标签集中在它的
div
内。以下是html文件: <
div
class="verticle_center"> ...<
div
id="linkedin" class="fill"> <a href="
浏览 3
提问于2014-06-13
得票数 2
回答已采纳
1
回答
最大高度的挠曲箱中的拉伸项目
、
、
我有一个
div
,它有多个项目,我试图在一列中显示。我希望每件物品都能长出来,
以
适应
可用的高度。虽然其中一个项目,我想设置一个最大的高度。一旦达到最大高度,我希望它是居中的。以下是我们想要的行为的可视化-HTML: <
div
...>Item 1</
div
> <
div
...>Item 2</
div
&
浏览 2
提问于2021-02-03
得票数 0
回答已采纳
4
回答
如何自动创建扩展块
、
左列和右列都应该显示一个单词,而不需要截断(它们应该展开并
收缩
以
适应
这个单词)。中间列应该显示一个可能很长的字符串,在这两列之间截断
以
适合。这里有一些HTML来传达这个想法: <
div
class="left">Left</
div
> <
div
class="center">Cent
浏览 6
提问于2010-01-22
得票数 1
回答已采纳
1
回答
具有固定列宽的表,而不考虑容器
、
HTML: <table> <td>bar</td> </tr></
div
>.foo { overflow: auto;td { border: 1px solid #
浏览 2
提问于2016-04-28
得票数 0
回答已采纳
4
回答
强制
div
在同一条线上
、
、
我试着做一个
div
与文本和一个按钮并排适合的
div
。它可以正常工作,直到你使屏幕真的变窄。有没有办法迫使他们在同一条线上,让第一个
div
收缩
以
适应
第二个
div
的min-width?要理解我的意思,调整窗口的大小,缩小宽度,直到带有按钮的
div
被强制放到第二行。这就是我想要阻止的。 注意:我只关心建议的修复是否在Chrome中正常工作。
浏览 11
提问于2014-04-19
得票数 1
回答已采纳
3
回答
css -
收缩
父
div
以
适应
一个子程序的宽度并约束另一个子子程序的宽度
比如说,父
div
有两个子
div
,一个包含文本,另一个包含已知(但可变)宽度和高度的图像。 要
收缩
以
适应
图像宽度的第一个子(包含图像)
div
的宽度(我可以这样做)。要
收缩
的父
div
(宽度未指定)
以
适应
包含图像的
div
的宽度(这也可以)。包含文本的第二个子
div
(也具有未指定的宽度)来匹配父
div
的宽度,而不管它包含多少文本(这是它变得棘手的地方)。
浏览 5
提问于2012-10-05
得票数 19
回答已采纳
2
回答
内嵌式非包装元件容器的流体宽度
、
、
、
、
我有一些
div
元素的结构,如下例所示。有一个动态数量的class=“块”
div
,每个都有固定的宽度: <
div
class="inner-container"><
div
class="block">text</
div
> <
div
class="block&
浏览 9
提问于2012-10-17
得票数 3
回答已采纳
6
回答
CSS背景图像-
收缩
以
适应
固定大小的
div
、
、
我需要使背景图像重放,
以
适应
div
,首选显示大部分“居中”的内容在图像中。: cover; background-size: cover; width: 300px;<
div
class="container">
浏览 4
提问于2016-09-18
得票数 21
回答已采纳
11
回答
div
内的浮动元素,在
div
外浮动。为什么?
、
、
假设你有一个
div
,给它一个明确的width,并在其中放入元素,在我的例子中是一个img和另一个
div
。为什么会这样呢?我是否遗漏了什么,以及如何让浮动项展开包含
div
的height
浏览 16
提问于2010-01-14
得票数 301
回答已采纳
2
回答
如何在不设置高度的情况下计算高度
、
、
我正在努力提高建立响应性网站的效率,而且由于我使用的是Bootstrap (对这个案例来说并不特别重要--我相信),我正在研究。我决定查看该网站的源代码,并注意到一件我以前从未见过的事情:除了整个页面包装器和页脚之外,它们没有为任何容器设置一个高度。这让我感到困惑,因为所有的事情都与网站和它是超级回复。我理解它们使用Bootstrap类的元素,比如“col 4”之类的东西,但是有谁知道在不指定css的情况下使标题、内容容器等计算高度的艺术吗?有人能解释这个概念吗?我试着在谷歌上搜索,但不确定正确的关键字是否能找到答案。谢谢
浏览 0
提问于2014-04-24
得票数 4
回答已采纳
2
回答
模仿silverlight屏幕截图的CSS
、
、
主要目标是创建一个可滚动的容器,该容器可以扩展和
收缩
以
适应
可用空间。第二个右列水平扩展
以
适合内容,底部区域垂直扩展
以
适合聊天条目控件。但这似乎只是使区域足够大,
以
适应
内容,而不是限制到100%的浏览器。 我可以将
div
设置为"Height: 200%;Overflow: Scroll“来获得滚动条。但是我似乎不能让
div
只扩
浏览 3
提问于2011-08-15
得票数 0
回答已采纳
3
回答
元素中的细节元素,即使在折叠时,也适合于内容。
、
、
、
当将<details>元素与<
div
>中的display: flex放在一起时,<details>元素的宽度在折叠时等于<summary>元素,在未折叠时将增长
以
适应
其内容。示例:.flex {} background-color: red;<
div
class="flex"> <details><summary> short <
浏览 7
提问于2022-04-18
得票数 0
2
回答
用水平滚动创建一系列的方块
、
class="container"> <
div
class="square"></
div
> <
div
class="square">
浏览 3
提问于2019-06-12
得票数 2
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
热门
标签
更多标签
云服务器
ICP备案
云直播
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券