小编Man*_*anz的帖子

Chrome/Chromium中的奇怪对角线(错误?)

当我使用CSS滤镜,阴影,变换,SVG(或类似)时,我的Chrome/Chromium会显示一条奇怪的对角线:

    filter:drop-shadow(0px 0px 10px #dce810);
    transform:skew(-15deg); 
Run Code Online (Sandbox Code Playgroud)

对角线错误Chrome/Chromium

Firefox(Windows)/ Canary Chrome 58中没有错误.Chrome 56和Chromium 58(Windows)出错.

在这支笔中,发生了这个错误(最后,当打开标题时):https://codepen.io/manz/pen/jyYKJo

有没有人知道这是一个已知的错误或通过禁用任何选项解决的一些问题?

webkit google-chrome blink chromium

27
推荐指数
1
解决办法
2986
查看次数

孤儿CSS:如何避免底页上的标题(h1,h2 ...)?

我有一个带有标题(h1,h2,h3 ......)和段落的大型HTML文档.当我打印文档时,我希望自动将文档底部的标题转到下一页:

在此输入图像描述

我能怎么做?我使用带有段落的"孤儿:3"CSS并使用"p"标签,但是使用h1或h2不起作用.

@page {
  size: A4;
}

p {
  orphans:3;
}

h1, h2 {
  orphans:3
}
Run Code Online (Sandbox Code Playgroud)

关于行动的完整示例:

  • 1-2页:段落孤儿工作正常.
  • 2-3页:标题不起作用.

要求:

  • HTML有一个主div容器.
  • 不要改变HTML.
  • 浏览器支持并不重要(根据我的具体工作).
  • 我需要CSS中的一些技巧(最好没有JS或Jquery)
  • 我不能使用page-break-before:总是因为我希望那些标题只在页面底部出现时才转到下一页.

html css css-paged-media

15
推荐指数
1
解决办法
1974
查看次数

Pandoc:具有YAML元数据的模板

我使用pandoc生成带有YAML元数据的index.html.我知道pandoc模板中的迭代关联数组:

YAML:

- Author: Mastropiero
- Author: Gunter Fraggen
Run Code Online (Sandbox Code Playgroud)

模板:

$for(author)$
  $author$
$endfor$
Run Code Online (Sandbox Code Playgroud)

但是......如何在没有密钥的情况下迭代列表?

YAML:

- Author:
  - [Value1, Value2]
  - [Value1B, Value2B]
Run Code Online (Sandbox Code Playgroud)

模板:

$for(author)$
  ... // how works?
$endfor$
Run Code Online (Sandbox Code Playgroud)

arrays templates yaml pandoc

6
推荐指数
1
解决办法
3247
查看次数

str_replace 为 strpos?

strpos检查的str_replace函数可以避免额外的工作吗?

方法一

...
if (strpos($text, $tofind) !== FALSE)
 $text = str_replace($tofind, $newreplace, $text);
...
Run Code Online (Sandbox Code Playgroud)

方法2

...
$text = str_replace($tofind, $newreplace, $text);
...
Run Code Online (Sandbox Code Playgroud)

问题:这两种方法有效,但是...我想知道 strpos 检查(或其他)是好方法还是坏方法,无用的方法(以及优化反模式)。

php micro-optimization strpos str-replace

5
推荐指数
2
解决办法
6136
查看次数