控制Flexbox HTML CSS中的内容宽度

文章/答案/技术大牛

发布

1回答

html、css、flexbox

我有一个flexbox，里面有图像和文本。由于某些原因，flexbox中有一大块区域我无法放置内容。这就像是padding在那里，它不会让它过去。我不太确定为什么内容不能放在这个区域。用黄色突出显示的部分是我不能放置任何东西的地方。如果它越过这个区域，它就会转到下一行。 ? 我想让它延伸，因为现在，文本看起来太近了。我如何才能做到这一点？ ? </p> </section&

浏览 16提问于2019-05-28得票数 0

2回答

如何将嵌套的flexboxes与Angular组件一起使用？

html、css、angular、flexbox

我希望通过路由器插座添加的所有组件使用flexboxes占据页面的所有可用高度和宽度。感谢"how to make nested work“这篇文章中的，我知道使用以下基本的HTML和CSS可以达到预期的效果：<div id="flexbox-outer">

浏览 15提问于2019-11-05得票数 1

回答已采纳

2回答

如何制作具有自动宽度的语义html水平定义列表？

html、css、html-lists、flexbox、horizontallist

html中的语义内联定义列表：<dl> <dd>def. 1</dd> <dd>def. 2</dd>如何仅使用css (无js)和自动调整每列宽度在2列中呈现此内容？使用固定宽度或百

浏览 6提问于2016-09-24得票数 2

1回答

为什么flexbox在包装元素后不能收缩到合适的位置？

html、css、flexbox

我想要一个最大宽度的flex-box，它的最大宽度可以超过这个宽度，但它也适合flex box中任何给定“行”的最大大小。我现在面临的问题是，任何超出最大宽度的元素都会导致flexbox仍然占据最大宽度。这是一个演示这个问题的代码的链接： &

浏览 0提问于2020-01-01得票数 6

8回答

CSS 100%高度在React应用程序中不起作用

css、reactjs

我正在尝试在我的React应用程序中使用Flexbox来创建一个简单的两列网页，它占据了整个宽度和高度。:root { height: 100%; min-height: 100%} flex: 0 0 200

浏览 0提问于2017-10-16得票数 12

3回答

为什么毛利率没有在弹性项目之间设定？

css、flexbox

我试图在.parent容器内的div之间设置边距，但边距没有显示。另外，如果我为任何一个.child div提供一个宽度值，它们仍然展开以覆盖整个窗口。我哪里出问题了？<html> <title>Flexbox</title><

浏览 7提问于2016-09-29得票数 0

回答已采纳

1回答

在IE 10/11中，flex收缩不会收缩项目，并且会导致父级比父级更宽。

css、flexbox、internet-explorer-11、internet-explorer-10

我的布局由三列的一行组成。所有列都应该只有一行内容，不能中断行。如果标题列的内容不符合约束条件，则应在末尾添加省略号字符。html, width

浏览 0提问于2017-03-20得票数 1

回答已采纳

3回答

最受支持的垂直对齐方法？

html、css、responsive-design、internet-explorer-8

直到最近，我一直在使用Flexbox垂直对齐元素，如下所示：display: -webkit-flex;-ms-flex-aligncenter;-webkit-box-align: center;然而，我已经开始致力于越来越多的项目，这些项目需要支持不支持Flexbox的旧浏览器，例如Internet Explorer8。我

浏览 2提问于2017-01-09得票数 1

2回答

如何使用flexbox强制分割成相等的部分

html、css、flexbox

在像这样的dom结构中： <div id="2"> </div> <div id="4"> </div></div> css</em

浏览 1提问于2013-06-08得票数 15

回答已采纳

4回答

如何缩放相当于浏览器窗口的div内容

jquery、html、css

我在摆弄一个顾客想要的特例。回到过去，我们都知道Flash的优点，在这里，只需简单地提供文件的widths和height，就可以很容易地将事情放大。<body> <div id=&qu

浏览 3提问于2013-09-19得票数 1

回答已采纳

1回答

为什么不所有的挠性盒元素的行为都像挠性盒div？

css、flexbox、fieldset

我希望它们像在div示例中一样排列在一起，因为flex-direction: row;在flexbox中是默认的。然而，fieldset是对它们施加宽度的强制，我不明白为什么。HTML <div>fieldset flexbox</div> <div>2</div> </

浏览 1提问于2013-10-30得票数 21

回答已采纳

4回答

火狐挠曲盒图像宽度

html、css、firefox、flexbox

我有一些困难，使我的形象，以不超过100%的可用宽度的父容器。我只注意到Firefox 36中的问题(不包括IE或Chrome)。那么是firefox的bug还是我在这里遗漏了什么呢？注意:图像不应该比原来的尺寸大。 Firefox：<html> <style type="te

浏览 5提问于2015-02-25得票数 13

回答已采纳

3回答

在表格中保持间隔整齐

javascript、jquery、css-tables

我想在它们之间放置间隔符，这样元素就可以跨越可变宽度。如何才能最容易做到这一点？我对使用jQuery持开放态度。不过，我更喜欢使用CSS。如果我没有说清楚，每一列都是375px宽。

浏览 2提问于2011-10-06得票数 0

回答已采纳

1回答

动态宽度div自动调整大小以适应浏览器宽度？

html、css、autoresize、flexbox

我有几个宽度未知的div (动态宽度)。如何自动调整这些div的大小以适应浏览器的宽度？我如何使用html5和css3来实现它。我知道css3中有一个新特性flexbox，

浏览 1提问于2012-10-15得票数 2

2回答

当显示大小更改时，Flexbox对齐方式不同

html、css、flexbox

我有以下使用Flexboxes的HTML/CSS代码：*{}body { margin: 0.flexbox.links{ } background: blue;<div class="flexbox"> <divnavb

浏览 7提问于2017-10-15得票数 0

回答已采纳

1回答

如何用getComputedStyle获取flexbox的精确宽度？

javascript、microsoft-metro、internet-explorer-10、flexbox

我有一个问题，以获得在渲染内容后的flexbox的确切宽度。我正在开发一个Windows8应用程序(指特定于ie10的应用程序)。代码如下：<html> <title>flexbox test</title><body> <div class='container'>.o

浏览 0提问于2012-09-26得票数 1

回答已采纳

2回答

Flexbox中的flexbox不能处理省略号文本溢出

html、css、flexbox

在我的测试中(正如我的其他SO问题所回答的)，当flexbox占用整个页面的宽度或具有固定宽度的父元素时，它可以很好地处理溢出文本。但是，如果一个动态宽度的flexbox在另一个动态宽度的flexbox中，它就不能正确地支持overflow: hidden (因此文本溢出)，并且总是使用其内容的</em

浏览 2提问于2018-10-31得票数 3

1回答

如何修复HTML和CSS中底部的文本？

html、css

当我尝试在我的第二个div中发送一些信息时，这个文本就会下降，页面的结构就会被废除。主文本和左div不对齐，当我尝试更短的页面时，主文本正在下降，非常简单，但是当我添加小文本时，它就正常了。

浏览 5提问于2022-07-03得票数 1

回答已采纳

1回答

使用CSS根据内容(是否为空)调整3列的布局

css、flexbox、css-grid

我有3个<div>列使用flexbox或grid。如何用CSS实现：如果一列的内部HTML内容为空，则另两列将自动占用50% / 50%的宽度如果两列的内部HTML内容为空，则唯一非空列的<

浏览 2提问于2022-02-04得票数 0

回答已采纳

2回答

使flex布局的内部容器适合屏幕大小

html、css

我有以下html和css代码： JSFiddle /** CSS Framework: START **/ display: flex;.flexbox { width: 4000px; <!，它不适合正常的屏幕尺寸。这就是为什么我使用inner-box来设置最大宽度为100%，并启用水平滚动条

浏览 18提问于2021-01-25得票数 3

回答已采纳

点击加载更多