草庐IT

css-flexbox

全部标签

html - 如何使用 HTML/CSS 在网页的左右两侧添加空间

我想在HTML文档中添加空间,例如橙色矩形内的空间。我不知道它的专业术语是什么。抱歉。 最佳答案 如果您希望让您的网页居中并且您在主容器上使用固定宽度,这很容易实现。CSS.container{margin:0auto;/*thiswillcenterthepage*/width:960px;/*useyourwidthhere*/}HTML如果您需要帮助将此应用到您的html/css,请发布您的html,我很乐意帮助您。 关于html-如何使用HTML/CSS在网页的左右两侧添加空间,

HTML & CSS : Hiding the cookie bar after clicking on "I accept"

我在一个网站上工作,我想知道如何在点击“我接受”或其他内容后隐藏cookie通知。我不想使用webkit,我想要纯HTML(如果需要的话还有CSS),甚至PHP。#cookie-bar.fixed{position:fixed;bottom:5;left:0;z-index:100;}#cookie-bar{line-height:24px;color:#eeeeee;text-align:center;padding:3px0;width:100%;color:white;background-color:#444;}.cb-enable{border-radius:10%;marg

HTML & CSS : Hiding the cookie bar after clicking on "I accept"

我在一个网站上工作,我想知道如何在点击“我接受”或其他内容后隐藏cookie通知。我不想使用webkit,我想要纯HTML(如果需要的话还有CSS),甚至PHP。#cookie-bar.fixed{position:fixed;bottom:5;left:0;z-index:100;}#cookie-bar{line-height:24px;color:#eeeeee;text-align:center;padding:3px0;width:100%;color:white;background-color:#444;}.cb-enable{border-radius:10%;marg

css - 左上角的边框设置

我有以下CSS代码:-border:5pxsolidgrey!important;这会将样式设置应用于上、下、右和左四个维度的所有边框。但是我如何将边界定义为仅适用于上、右和左。无需为每个定义单独的样式?谢谢 最佳答案 你可以试试,border:5pxsolidgrey;border-bottom:0px; 关于css-左上角的边框设置,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/question

css - 左上角的边框设置

我有以下CSS代码:-border:5pxsolidgrey!important;这会将样式设置应用于上、下、右和左四个维度的所有边框。但是我如何将边界定义为仅适用于上、右和左。无需为每个定义单独的样式?谢谢 最佳答案 你可以试试,border:5pxsolidgrey;border-bottom:0px; 关于css-左上角的边框设置,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/question

html - <span> 元素拒绝在 flexbox 中内联

我在flexboxa内的div内有一个span(.time-pretext),比如这个:Ihave60minutes.option-text这里获取flex-direction:column,当我给它那个属性时,span将只采用block显示选项(block或-webkit-box)并且没有内联的(inline-block)。为什么?顺便说一下,它在原始的flexbox实现中运行良好(display:-webkit-box)。只有在最新的实现(display:flex)中才会出现这种情况。 最佳答案 我假设您的.option-tex

html - <span> 元素拒绝在 flexbox 中内联

我在flexboxa内的div内有一个span(.time-pretext),比如这个:Ihave60minutes.option-text这里获取flex-direction:column,当我给它那个属性时,span将只采用block显示选项(block或-webkit-box)并且没有内联的(inline-block)。为什么?顺便说一下,它在原始的flexbox实现中运行良好(display:-webkit-box)。只有在最新的实现(display:flex)中才会出现这种情况。 最佳答案 我假设您的.option-tex

html - CSS:选择 previous sibling 姐妹

这个问题在这里已经有了答案:Istherea"previoussibling"selector?(29个答案)关闭8年前。我有一个列表,想选择我悬停的列表中的上一个和下一个Item1Item1Item1Item1Item1我可以使用“+”选择器选择下一个同级。但是有没有可能得到以前的?ulli:hover+li{color:red;}我已经尝试过ulli+li:hover但它不起作用。不敢相信没有我可以使用的技巧。当然,我可以通过Javascript轻松完成此操作,但我不喜欢使用JS,因为我可以使用CSS获得相同的结果。

html - CSS:选择 previous sibling 姐妹

这个问题在这里已经有了答案:Istherea"previoussibling"selector?(29个答案)关闭8年前。我有一个列表,想选择我悬停的列表中的上一个和下一个Item1Item1Item1Item1Item1我可以使用“+”选择器选择下一个同级。但是有没有可能得到以前的?ulli:hover+li{color:red;}我已经尝试过ulli+li:hover但它不起作用。不敢相信没有我可以使用的技巧。当然,我可以通过Javascript轻松完成此操作,但我不喜欢使用JS,因为我可以使用CSS获得相同的结果。

html - 如何使用 CSS 制作渐变动画

我想平滑地移动具有多种颜色的渐变,但问题是动画不平滑。它只是在每一步改变它的位置。.animated{width:300px;height:300px;border:1pxsolidblack;animation:gra5sinfinite;animation-direction:reverse;-webkit-animation:gra5sinfinite;-webkit-animation-direction:reverse;animation-timing-function:linear;-webkit-animation-timing-function:linear;}@key