草庐IT

webkit-region-break

全部标签

html - 在 Webkit 中打印时控制 CSS 分页符

我正在尝试改善使用Webkit打印的html文档的外观,在这种情况下,通过对发生分页符的位置施加一些控制。我可以在需要使用的地方插入分页符:page-break-after:always;但是,我找不到避免在元素中间插入分页符的方法。例如,我有html表格,不应在多个页面的中间拆分。我的印象是page-break-inside:avoid;会阻止在元素内插入分页符,但它似乎没有做任何事情。我的代码如下所示:.dontsplit{border:2pxsolidblack;page-break-inside:avoid;}Sometitle尽管有page-break-inside:avoi

html - 显示文档 : -webkit-inline-box;

我很想找到有关-webkit-inline-box属性的更多详细信息,但我似乎无法在任何地方找到任何东西。我尝试了w3c、google、css-tricks的常规channel,但我没有想出任何办法。我认为这是从flexbox继承的旧代码。有谁知道...的详情display:-webkit-inline-box;? 最佳答案 I'mthinkingthatit'soldinheritedcodefromflexbox.你是对的。分别由display:box和display:inline-box定义的flex盒子是现在所谓的flex容

html - 显示文档 : -webkit-inline-box;

我很想找到有关-webkit-inline-box属性的更多详细信息,但我似乎无法在任何地方找到任何东西。我尝试了w3c、google、css-tricks的常规channel,但我没有想出任何办法。我认为这是从flexbox继承的旧代码。有谁知道...的详情display:-webkit-inline-box;? 最佳答案 I'mthinkingthatit'soldinheritedcodefromflexbox.你是对的。分别由display:box和display:inline-box定义的flex盒子是现在所谓的flex容

html - 光标 :pointer property doesn't apply to file upload buttons in Webkit browsers

我的CSS代码并不真正适用于webkit浏览器,例如safari和chrome如果你想要这里的实例,它是http://jsfiddle.net/mnjKX/1/我有这个CSS代码.file-wrapper{cursor:pointer;display:inline-block;overflow:hidden;position:relative;}.file-wrapperinput{cursor:pointer;font-size:100px;height:100%;filter:alpha(opacity=1);-moz-opacity:0.01;opacity:0.01;posit

html - 光标 :pointer property doesn't apply to file upload buttons in Webkit browsers

我的CSS代码并不真正适用于webkit浏览器,例如safari和chrome如果你想要这里的实例,它是http://jsfiddle.net/mnjKX/1/我有这个CSS代码.file-wrapper{cursor:pointer;display:inline-block;overflow:hidden;position:relative;}.file-wrapperinput{cursor:pointer;font-size:100px;height:100%;filter:alpha(opacity=1);-moz-opacity:0.01;opacity:0.01;posit

html - -webkit-填充-开始 : 40px; What it should be for IE and Firefox?

-webkit-padding-start:40px;适用于ChromeIE和Firefox有什么用? 最佳答案 对于Firefox,属性名称是-moz-padding-start.对于IE,没有对应的(到目前为止)。至少在页面整体为从左到右或从右到左的布局和书写方向的简单场景中,您可以使用广泛支持的CSS功能实现相同的效果。使用或,分别,你可以这样写你的CSS代码:[dir=ltr].foo{padding-left:2.5em;}[dir=rtl].foo{padding-right:2.5em;}这对应于.foo{paddin

html - -webkit-填充-开始 : 40px; What it should be for IE and Firefox?

-webkit-padding-start:40px;适用于ChromeIE和Firefox有什么用? 最佳答案 对于Firefox,属性名称是-moz-padding-start.对于IE,没有对应的(到目前为止)。至少在页面整体为从左到右或从右到左的布局和书写方向的简单场景中,您可以使用广泛支持的CSS功能实现相同的效果。使用或,分别,你可以这样写你的CSS代码:[dir=ltr].foo{padding-left:2.5em;}[dir=rtl].foo{padding-right:2.5em;}这对应于.foo{paddin

html - 使用 CSS 变换(缩放)时 Webkit 文本闪烁

这发生在Safari6onMountainLion和最新的chrome中。(已在OSX上确认,在windows上可能不会发生)请参阅此页面以获取示例:http://users.telenet.be/prullen/flicker2.html在图像上快速移动鼠标,然后查看下面的文字。你会看到它闪烁/脉动。关联的CSS如下。我无法对.out和.in类进行任何更改。仅针对元素类。我已经尝试添加-webkit-backface-visibility:hidden;因为我在某处读到应该修复它,但它没有任何区别。有人知道吗?谢谢,卫斯理.out{position:relative;display:

html - 使用 CSS 变换(缩放)时 Webkit 文本闪烁

这发生在Safari6onMountainLion和最新的chrome中。(已在OSX上确认,在windows上可能不会发生)请参阅此页面以获取示例:http://users.telenet.be/prullen/flicker2.html在图像上快速移动鼠标,然后查看下面的文字。你会看到它闪烁/脉动。关联的CSS如下。我无法对.out和.in类进行任何更改。仅针对元素类。我已经尝试添加-webkit-backface-visibility:hidden;因为我在某处读到应该修复它,但它没有任何区别。有人知道吗?谢谢,卫斯理.out{position:relative;display:

javascript - WebKit 相当于 Firefox 的 "moz-chunked-arraybuffer"xhr responseType

我想读取MP3流(从icecast读取ICY元数据,然后将二进制MP3数据传递给WebAudioApi)。Firefox有一个“moz-chunked-arraybuffer”xhrresponseType来读取进度数据,但我找不到webkit/chrome的任何等效项。编辑2014/02/03:Chrome已经开始实现xhr.responseType"stream"“解析”已登陆Chrome(使用--enable-experimental-webkit-features标志)但xhr.response结果对象(Stream)尚不能直接在Javascript中使用:https://co