草庐IT

css-flexbox

全部标签

html - 使用 css3 显示/隐藏元素的 css 过渡效果

这个问题在这里已经有了答案:TransitionsontheCSSdisplayproperty(37个答案)关闭6年前。我已经使用了这组代码,效果很好,但是我无法在显示/隐藏更多内容时添加过渡。有人可以告诉我我该怎么做吗?我想使用纯CSS,没有JS。感谢大家的转发!.showMore{font-size:14px;display:block;text-decoration:underline;cursor:pointer;}.showMore+input{display:none;}.showMore+input+*{display:none;}.showMore+input:che

html - 使用 css3 显示/隐藏元素的 css 过渡效果

这个问题在这里已经有了答案:TransitionsontheCSSdisplayproperty(37个答案)关闭6年前。我已经使用了这组代码,效果很好,但是我无法在显示/隐藏更多内容时添加过渡。有人可以告诉我我该怎么做吗?我想使用纯CSS,没有JS。感谢大家的转发!.showMore{font-size:14px;display:block;text-decoration:underline;cursor:pointer;}.showMore+input{display:none;}.showMore+input+*{display:none;}.showMore+input:che

javascript - JQuery 设置 CSS Transform, Translate 类中的属性

我似乎无法使用Jquery设置transform的CSS属性。HereismyCode:https://jsfiddle.net/op7Lsvdp/这两个是我试过都不成功的方法。$('.slideToCart').css({'-webkit-transform':'translate(left,top)','-moz-transform':'translate(left,top)','-ms-transform':'translate(left,top)','-o-transform':'translate(left,top)','transform':'translate(left,

javascript - JQuery 设置 CSS Transform, Translate 类中的属性

我似乎无法使用Jquery设置transform的CSS属性。HereismyCode:https://jsfiddle.net/op7Lsvdp/这两个是我试过都不成功的方法。$('.slideToCart').css({'-webkit-transform':'translate(left,top)','-moz-transform':'translate(left,top)','-ms-transform':'translate(left,top)','-o-transform':'translate(left,top)','transform':'translate(left,

表格单元格中的 HTML/css 文本不缩进

一个简单的问题,但对外观的影响很大。我希望文本从单元格边框缩进并尝试过style=text-indent:4px(没有格式化,所以它在这里正确显示)但是当第一行缩进时,之后的行标签没有缩进。请帮忙。由于某些Javascript,我需要使用div。这是有缺陷的代码:Viewby:PopularTrending 最佳答案 text-indent只应该触及第一行。如果要调整整个block,请使用margin(或margin-left或padding等)。 关于表格单元格中的HTML/css文本

表格单元格中的 HTML/css 文本不缩进

一个简单的问题,但对外观的影响很大。我希望文本从单元格边框缩进并尝试过style=text-indent:4px(没有格式化,所以它在这里正确显示)但是当第一行缩进时,之后的行标签没有缩进。请帮忙。由于某些Javascript,我需要使用div。这是有缺陷的代码:Viewby:PopularTrending 最佳答案 text-indent只应该触及第一行。如果要调整整个block,请使用margin(或margin-left或padding等)。 关于表格单元格中的HTML/css文本

html - CSS 最小高度不起作用

我有一个父#out和一个子#indiv。父级是绝对定位的,它的最小高度是100%。它有效,但如果我也将min-height:100%设置为child,那么它没有结果。HTML:foobarCSS:#out{position:absolute;min-height:100%;background-color:green;width:100%;}#in{min-height:100%;background-color:red;}它只适用于OperaJSfiddle链接:http://jsfiddle.net/TPyKS/ 最佳答案 绝对

html - CSS 最小高度不起作用

我有一个父#out和一个子#indiv。父级是绝对定位的,它的最小高度是100%。它有效,但如果我也将min-height:100%设置为child,那么它没有结果。HTML:foobarCSS:#out{position:absolute;min-height:100%;background-color:green;width:100%;}#in{min-height:100%;background-color:red;}它只适用于OperaJSfiddle链接:http://jsfiddle.net/TPyKS/ 最佳答案 绝对

html - CSS (3) & HTML 切边

这已经被问到,但我需要以不同的方式。请查看下图以查看我尝试实现的导航栏:问题:边缘阴影栏内的文字/图片图形周围1px实线边框会很好当然静态图像可以做到这一点,但我想使用其他东西。您有什么想法,如何做到这一点(尽可能多的浏览器支持)?编辑:是绝对定位的这是我目前所做的但无法应用边框,固定尺寸也有问题。nav{float:left;position:absolute;background-color:#ffffff;top:0;left:0;display:inline;padding:12px;padding-right:0;width:auto;}.behind_nav{height:

html - CSS (3) & HTML 切边

这已经被问到,但我需要以不同的方式。请查看下图以查看我尝试实现的导航栏:问题:边缘阴影栏内的文字/图片图形周围1px实线边框会很好当然静态图像可以做到这一点,但我想使用其他东西。您有什么想法,如何做到这一点(尽可能多的浏览器支持)?编辑:是绝对定位的这是我目前所做的但无法应用边框,固定尺寸也有问题。nav{float:left;position:absolute;background-color:#ffffff;top:0;left:0;display:inline;padding:12px;padding-right:0;width:auto;}.behind_nav{height: