提问搜索_PHP中文网

社区学习工具库休闲

简体中文

热门搜索：
PHP
MySQL
jquery
HTML
CSS

使用收缩包装弹性盒包装弹性项目，使其可以居中

我有一个带有包装内容的弹性盒。如何将弹性盒收缩到其内容上？我试图解决的根本问题是将弹性盒居中。此图片描述了我的问题：我怎样才能实现这个目标？纯CSS可以实现吗？我事先不知道Flexbox是否会换行为1、2或3列。元素的宽度是已知的。高度最好是未知的，但如果这样更容易，我可以决定一个恒定的高度。既不是width:min-content、width:max-content、width:fit-cont

P粉807239416 2023-09-13 15:26:47

css3 flex 子元素添加边框后的问题

父元素设置为flex后，子元素{flex:0 0 33.3333%}在同一排可以三等分，但是如果子元素添加了边框，那么同一排只能排列2个，flex弹性伸缩，不计算border宽度吗？

漂亮男人 2017-05-16 13:27:46

将响应式方块放置在弹性列中

我有一个游戏网站，其中有页眉、棋盘和页脚。我需要将所有三个都安装在视口内。棋盘应该缩小才能实现这一点。缩小是我遇到的问题。我已经能够获得宽度响应，但无法获得限制性高度。棋盘应保持正方形并占据未使用的空间或缩小以防止溢出。我正在按照以下方式做一些事情，但是棋盘最终会溢出父级的高度。在我的实际代码中，由于换行，标题的高度是未知的。页脚有不同数量的文本。棋盘内部有一系列代表行的div和一系列代表棋盘各个

P粉545682500 2023-09-03 19:51:51

为什么改变子元素的字体大小会导致弹性容器偏离原来的位置？

这个问题很奇怪，在普通容器和弹性盒子上表现不同。改变第一个子元素的字体大小时，为什么会改变容器的高度？对于弹性盒子来说，为什么会使弹性盒子向下或向上移动一段距离？我该如何解决这个问题？我希望弹性盒子不要移动。

P粉186897465 2023-07-23 15:17:08

当被其他弹性项目包围时，容器中的弹性项目居中

我有一个弹性盒（请参阅下面的代码片段作为示例）。我想设置它，以便在所有情况下，位于flex-box的中心，其他跨度将围绕它流动，基于他们的标记。我基本上是在寻找align-selfCSS代码，但是是针对主轴，而不是横轴（这可能有助于解释我的要求）。我还将margin:auto;应用于我的，这是我在阅读本文后了解到的（一个很棒的页面，但它仍然让我留下了我的以下问题-除非我没有完全理解所有内容）。这是

P粉042455250 2023-08-25 14:40:25

使用 css 缩放属性时，Vuetify v-menu 下拉列表显示在不正确的位置

如附图所示，使用缩放CSS属性时，v菜单位置位于错误的位置。对应的codepen：https://codepen.io/satishvarada/pen/YzjGNVZ使用v-autocomplete组件时也会出现类似问题。newVue({el:'#app',vuetify:newVuetify(),data:()=>({items:[{title:'ClickMe'},{title:'Cl

P粉983021177 2024-03-19 18:55:15

javascript - 左侧导航如何实现伸缩

点击按钮然后变成：这是用插件实现的吗？要是用原生应该怎样这个hover效果呢？

三叔 2017-06-30 09:59:54

为什么弹性项目无法缩减至小于内容大小？

我有4个flexbox列，一切都正常，但是当我向一列添加一些文本并将其设置为大字体大小时，由于flex属性，它使得该列比应该更宽。我尝试使用word-break:break-word，它有所帮助，但是当我将列调整为非常小的宽度时，文本中的字母会被分成多行（每行一个字母），但是该列的宽度不会小于一个字母的大小。观看这个视频（在开始时，第一列最小，但是当我调整窗口大小时，它变成了最宽的列。我只想始终遵

P粉432906880 2023-08-21 22:36:03

为什么弹性项目不会缩小到超过内容大小？

我有4个Flexbox列，一切正常，但是当我向列中添加一些文本并将其设置为大字体大小时，由于Flex属性，它会使列比应有的宽度更宽。我尝试使用word-break：break-word并且它有所帮助，但是当我将列的大小调整到非常小的宽度时，文本中的字母被分成多行（一个字母每行），但列的宽度不会小于一个字母的大小。观看此视频（一开始，第一列是最小的，但是当我调整窗口大小时，它是最宽的列。我只想始终尊

P粉242126786 2023-08-27 16:35:08

正确使用弹性属性的方法来嵌套弹性容器

我在正确使用flexbox时遇到了一些问题，想要对父元素和子元素的嵌套有一些澄清。我知道子元素会继承父元素的flex属性，但是对于进一步的后代元素（例如“孙子”）会发生什么呢？在这种情况下，flexbox的正确用法是什么？换句话说，我是否也需要将display:flex应用于子元素，以应用于子元素的子元素？这样会覆盖第一个子元素的父元素的flex属性吗？.parent-container{disp

P粉369196603 2023-08-24 11:43:49

使用HTML、CSS和SVG创建可扩展的路标

我想制作一个路标形式的按钮（带尖端的矩形）。_______|\|_______/我想动态地将文本写入标志中，每个文本都有不同的长度。如果我仅使用图形作为背景图形尝试此操作，则箭头会相应地缩放并压缩/拉伸。因此，将文本放入普通div中并使用CSS:after将箭头附加为SVG的方法。箭头应该完全填充，即我不必处理框架问题。（为了增加可见性，我将SVG保留为黑色）我的第一个问题是箭头始终位于块中而不是

P粉555682718 2024-03-31 14:45:14

尽管使用了 rem，为什么当我放大或缩小时元素大小会发生变化？

我正在实现一个项目，我使用CSSposition属性在输入中放置一个按钮，一切正常，甚至我在响应模式下也没有问题，巧合的是我想缩放-检查某些内容，我意识到当我放大或缩小输入的顶部或底部之间会出现间隙，并且在某些尺寸下没有间隙，一切都很好，我使用rem对于我的所有CSS属性，因为据我所知rem可以通过viewport进行缩放，并且这种放大或缩小与viewport相关大小，所以从逻辑上讲，如果我使用r

P粉729198207 2023-09-08 15:06:21

解决字体拉伸属性无法启动的方法

font-stretch属性根本不起作用。这是我的代码：<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>font-stretch</title><style>p{font-size:5em;font-family:'MyriadPro'

P粉676821490 2023-08-26 14:42:23

css 在屏幕上居中弹出窗口，适用于计算机和平板电脑，但不适用于手机

尝试使用CSS在屏幕中央显示帮助弹出窗口。在我的电脑和ipad上，它工作正常，但在iPhone上，弹出窗口在整个可滚动垂直空间内垂直居中，这意味着我有时必须向上或向下滚动才能看到它。我希望它在调用时位于当前可见屏幕的中心。（请注意，页面高度不是静态的，即根据用户活动而增大和缩小）。这是相关的CSS：.helpcontent{position:fixed;top:50%;left:50%;trans

P粉662802882 2024-03-28 20:02:46

React MUI顺时针填充属性

MuiBox没有适用于顺时针语法的任何填充缩写属性。这种语法是无效的并且会导致语法错误。

P粉312195700 2023-07-25 10:17:02

消除弹性容器内图像之间的间距

[重复]在这里回答div内的图像在图像下方有额外的空间我沿多行显示一些不同尺寸的图像。此处示例但是行之间有间隙。我尝试了很多，但找不到原因。<divclass="muralBox"><divclass="wrapper"><divv-for="(topAlbum,i)intopAlbumInfo.value"

P粉921130067 2024-03-27 12:23:19

Flexbox 对齐图像的问题和挑战

我最近一直在开发自己开发的主页，并且在弹性盒中对齐我的项目时遇到一些困难。第一个Flexbox应包含三(3)张图片，并且所有图片均应位于彼此下方的一条垂直线上。这对于我的第二个弹性盒也很重要。这是我的代码：.flexcontainer-1{display:flex;justify-content:flex-start;align-items:left;height:auto;width:auto;

P粉068510991 2024-02-26 00:26:26

MUI：在弹性框中对齐和调整图像中心

为什么我的图像居中对齐，但不两端对齐？我很困惑..<Boxsx={{display:'flex',minHeight:'100vh',alignItems:'center',flexGrow:1,}}><ContainermaxWidth="sm"><imgsrc="https://static.vecteezy.com/system/r

P粉550323338 2023-09-08 18:20:02