提问搜索_PHP中文网

社区

学习

工具库

AI工具

休闲

简体中文

热门搜索：
PHP
MySQL
jquery
HTML
CSS

css - flex布局垂直效果实现不了?

参照阮一峰老师的例子,自己做为什么垂直效果没有呢??

为情所困 2017-05-16 13:44:11

重新的标题：垂直产品展示

在我的网页上，目前，项目产品是逐行垂直列出的。我想用可滚动的方式垂直显示它们。如何将其更改为水平？divclass="row"><divclass="col-12"><divclass="tab-contenttab-animate-zoom">&

P粉926174288 2024-04-05 09:17:50

高度 100vh 给出垂直滚动条

我面临高度100vh的问题，它给出了垂直滚动条。我将外部内容嵌入高度为100vh的widger-holderdiv中。但是widget-holder中的内容超出了父div并给出了垂直滚动条。如果我删除固定标题，我就看不到垂直滚动条。但我无法删除这个。如果我减小widget-holderdiv的高度，某些内容将不可见。所以我无法降低高度。我需要一个解决方案来使小部件支架内容与父高度完全匹配。html

P粉378264633 2024-03-27 23:06:05

垂直旋转的表格标题，居中+底部对齐，跨浏览器

我的表格带有旋转标题，在Chrome中看起来符合预期，但在Firefox中却不是。Chromev108（垂直底部，水平中间）✅Firefoxv107（垂直中间，水平右）❌如何让它们跨浏览器工作，以便它们垂直旋转、垂直位于单元格底部、水平居中并占用最小宽度？我使用的代码对此答案进行了稍微修改，以使其在Chrome中工作：table{border-collapse:collapse;font-fami

P粉036800074 2024-04-04 16:45:25

制作垂直线的方法分享

我有一个联系信息列表，就像这样：Example如何制作像图片中那样分隔电子邮件和热线的垂直线，非常感谢

P粉442576165 2023-09-07 22:54:19

如何在 div 块内将文本（水平和垂直）居中？

Ihaveadivsettodisplay:block(90pxheightandwidth),andIhavesometextinside.我需要文本在垂直和水平方向上居中对齐。Ihavetriedtext-align:center,butitdoesn'tdotheverticalcenteringpart,soItriedvertical-align:middle,butitdidn'two

P粉969253139 2023-08-24 16:58:26

input 和 select 在同一行中具有不同的垂直位置

我使用此网站的浮动标签。我稍微修改了代码，将输入和选择放在一行中。在Edge版本114.0.1823.67和Chrome版本114.0.5735.199中，基线具有不同的垂直位置。在Firefox版本115.0中，基线具有相同的垂直位置。代码：@importurl('https://fonts.google.com/specimen/Lato?selection.family=Lato');:ro

P粉237125700 2023-09-09 15:45:02

如何使用图表JS在垂直条形图中设置y轴值

在此垂直条形图中，y轴有正值、负值。我想根据零值上下使用正整数。我使用的是4.2.1版本我该怎么办？垂直图表示例varMONTHS=["January","February","March","April","May","June","July","

P粉729436537 2023-08-29 10:38:36

如何将开关旁边的文本垂直居中？

我想在“toggle-label”类中心与“switch”垂直制作一个文本，但我失败了这是我使用的代码.toggle-label{font-weight:bold;font-size:20px;}.switch{position:relative;display:inline-block;width:54px;height:28px;}.switchinput{opacity:0;width:0;

P粉354948724 2023-09-15 11:58:54

表格将水平增长而不是垂直增长

我正在尝试制作一个计算器，目前正在研究HTML和CSS。我正在尝试使计算器在垂直和水平方向上都更大。我可以使用width:100%或flex:11100%轻松增加宽度以适应容器；但是，每当我尝试用height:100%;增加高度时它超出了容器的范围，输入按钮变得很大。我尝试过使用flex-basis和flex-grow让它也垂直增长，但我做不到。<body><divclass=&

P粉087074897 2023-09-15 17:32:14

如何使用CSS创建带有多个点的垂直线？

我正在尝试使用包含多个点的CSS创建一条垂直线。但是，我不太确定该怎么做。有人可以帮我解决这个问题吗？我想在这里创建一个像这样的东西。

P粉001206492 2024-02-21 14:03:51

从 React Native 文本中删除垂直间距

我制作了一个CustomText组件来使用Poppins字体系列。但是在使用它时，我得到了垂直空间，该空间最终会随着fontsize的增大而变大，从而在两个CustomText组件之间创建不必要的空间。我尝试使用padding:0,margin:0,line-height:undefined|fontSize但它们都不起作用。这是我的CustomText代码：constCustomText:Rea

P粉211600174 2023-09-02 09:04:40

使用内联CSS在NetSuite中的高级PDF模板中，在表格列之间添加垂直线

我想在每列之间添加垂直线。我需要使用内联CSS，因为有2个表。我只想将行应用于1个表。请帮忙！

P粉125450549 2023-08-31 15:58:22

创建垂直连接的树状图：Echart实现指南

下面的代码是使用Echart的treemap的示例，我希望每个系列按垂直顺序排列，然后连接到每个系列，再根据数据进行调整大小。在这个示例中，每个系列将按其大小随机排列。https://echarts.apache.org/examples/an/editor.html?c=treemap-diskmyChart.showLoading();$.get(ROOT_PATH+'/data/asset/

P粉071559609 2023-09-15 15:25:10

javascript - css 控制 div 始终水平垂直居中，这个div大小还不同

css 控制加了一个统一类名的div，想让他水平垂直居中显示，但是这个div大小不一样，css就不能写固定，其他同学有什么好的思路没

欧阳克 2017-06-26 10:52:35

标题重写为：使用Flexbox实现元素的水平和垂直居中

如何使用flexbox在容器中水平和垂直居中div。在下面的示例中，我希望每个数字都在下面（按行）居中。.flex-container{padding:0;margin:0;list-style:none;display:flex;align-items:center;justify-content:center;}row{width:100%;}.flex-item{background:tom

P粉748218846 2023-08-20 13:00:18

如何避免材料 UI 中表格标题单元格之间的垂直间隙？

MUI表格中的标题单元格之间存在垂直间隙。如何摆脱它们？以下是codesandbox中错误的重现：https://codesandbox.io/s/mui-material-table-sticky-header-forked-euilo3?file=/tsconfig.json我尝试应用样式：border:"none",borderCollapse:"collaps

P粉262113569 2023-09-05 19:52:46

如果垂直高度增加，如何使 div 向上而不是向下扩展？

我有一个带有标题和一些内容的页面。标头是一个动态值，根据内容可以有很多不同的内容。当标题较长并且需要两行或更多行时，就会出现此问题。由于我希望内容保持在相同的垂直和水平位置，因此如果标题较短，我希望较长标题的最后一行与第一行处于相同的垂直位置。我希望我能让别人理解我自己。请尝试通过添加第二个单词来编辑标题，您就会明白我的意思。我认为这个问题可以用flex-box来解决，但我不知道如何解决，我已经用

P粉530519234 2024-03-22 10:39:08

对齐多个表头单元格中的第一个div的垂直位置

我有一个包含多个div的元素，第一个标题单元格内有多个div，第二个标题单元格内只有一个div。如果你运行下面的代码，"123"将会居中显示（垂直对齐"abc"）-<tablestyle="width:100%"><tr><th><div&a

P粉322106755 2023-09-06 10:15:16

重新写的标题：在改变大小的情况下，水平和垂直居中一个固定的HTML方形或圆形元素

如何使尺寸变化的方形或圆形固定html元素水平和垂直居中？我认为宽度和高度必须保持相等这一事实带来了困难。

P粉455093123 2024-04-04 12:31:51