小编Ben*_*enn的帖子

据我所知,如果字体包含空格,则需要使用双引号或单引号,例如:

font-family: "Times New Roman", Times; 
font-family: 'Times New Roman', Times;

但在Google字体(http://www.google.com/webfont)上,我也看到了

font-family: 'Margarine', cursive;

有些甚至像这样使用它:

font-family: 'Margarine', 'Helvetica', arial;

我发现这很奇怪,因为以下工作原理:

font-family: Arial, Helvetica, sans-serif;
font-family: Cambria, serif;

那么CSS中字体名称的引用的正确用法是什么？

我正在创建几个css按钮,并希望尽可能短的样式,所以我开始这样

[class*='mybuttons-button']{
    margin-top:5px;
    -webkit-border-radius:4px;
    -khtml-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    display:inline-block;
    padding:6px 12px;
    color:#fff;
    vertical-align:middle;
    cursor:pointer;
}

这将影响包含类的所有元素 my-button

现在我想深入了解它并做到这一点

[class*='-large']{
    padding: 10px 16px;
    font-size:120%;
    line-height: 1.33;
    -webkit-border-radius:6px;
    -khtml-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
}
[class*='mybuttons-button-color']{
    background:blue;
}

但由于该类 -large可能出现在用户添加的某些第三方CSS中,我希望更具体,并说出类似的内容

[class*='mybuttons-button-*ANYTHING*-large']

所以我不必这样做

mybuttons-button-color-large
mybuttons-button-red-large
mybuttons-button-green-large
mybuttons-button-color-medium
mybuttons-button-red-medium
mybuttons-button-green-medium

有谁知道这样做的方法？是否有可能将中间词指甲仅包含？

我知道我可以让班级名称等空间,但是我很乐意尝试这个,因为对我来说,**

<span class="mybuttons-button-color-large"></span>

看起来比这更干净:

<span class="mybuttons-button color large"></span>

我有一个多维数组,我正在搜索特定的值.如果找到这些值,我需要使用这些值提取索引(创建新数组)并删除所有其他值.

array_intersect在php 5.3上运行良好,现在在5.4它抱怨注意:数组到字符串转换.

我发现array_intersect在5.4上有多维数组的问题. https://bugs.php.net/bug.php?id=60198

这是我正在搜索的$ options数组

Array (

    [index1] => html
    [index2] => html
    [index3] => slide
    [index4] => tab
    [index5] => Array
        (
            [0] => 123
        )

)

适用于php 5.3.x的代码

$lookfor   = array('slide', 'tab');
$found     = array_intersect($options, $lookfor);


print_r($found);


Array
(
    [index3] => slide
    [index4] => tab
)

但在5.4.x中,这会产生上述错误.

请问,如果没有循环,这将是另一种方法.并没有压制错误.

谢谢!

我将字符串化的JSON对象发送到wordpress操作

console.log( JSON.stringify(alloptions) );

$.ajax({
    type: "post",
    dataType: "json",
    url: ajaxurl,
    processData: false,
    data: {
        'action': 'create_preset',
        'preset': JSON.stringify(alloptions)
    },
    success: function( response ) {

        console.log( response );

    }
});

在通过ajax发送之前,字符串化对象的控制台日志就是这个

http://prntscr.com/7990ro

所以字符串被正确处理,

但在另一方面,它出现了斜线

function _create_preset(){

    if(!is_admin() && !isset($_POST['preset'])) return;

    print_r($_POST['preset']);

}

add_action("wp_ajax_create_preset", "_create_preset");

给

{\"get_presets\":\"eedewd\",\"site_width\":\"1400px\",\"layout_type\":...

我知道我可以使用

stripslashes( $_POST['preset'] )

清理它,但这是我想避免的.我需要将JSON字符串发送到ajax之前的动作,而不是斜杠.

任何帮助表示赞赏!

和魔法引号没有

http://prntscr.com/7996a9

*更新和解决方案

杰西钉了它,WP引起了麻烦.由于wp_unslash()正在修复此问题,请访问5.0 https://github.com/WordPress-Coding-Standards/WordPress-Coding-Standards/issues/172 我将其添加到我的代码中

global $wp_version;
$new_preset_options = $_POST['preset'];

if ( version_compare( $wp_version, '5.0', '<' ) ) {

    $new_preset_content = wp_unslash( $new_preset_options );

}else{ …

现在,我看到许多主题使用放在div上的三角形/箭头蒙版

你可以看到它在这里通过视频

但是如果可能的话,我想做一个倒(负)边界半径,形成一个半圆,有点像这样

我几乎在那里有径向渐变,但它在Chrome中看起来很尖锐.

http://jsfiddle.net/EjE7c/2457/

.haflcircle {
    background:
        -moz-radial-gradient(100% 0, circle, rgba(0,0,0,0) 25px, #000 25px),
        -moz-radial-gradient(0 0, circle, rgba(0,0,0,0) 25px, #000 25px);
    background:
         -o-radial-gradient(100% 0, circle, rgba(0,0,0,0) 25px, #000 25px),
         -o-radial-gradient(0 0, circle, rgba(0,0,0,0) 25px, #000 25px);
    background:
         -webkit-radial-gradient(100% 0, circle, rgba(0,0,0,0) 25px, #000 25px),
         -webkit-radial-gradient(0 0, circle, rgba(0,0,0,0) 25px, #000 25px);
}

.haflcircle {
    background-position: bottom left, bottom right, top right, top left;
    -moz-background-size: 50% 50%;
    -webkit-background-size: 50% 50%;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    height:50px; …

我创建了一个字体图标设置与FontAwesome图标和免费icomoon图标设置与Icomoon应用程序.应用中的默认基线为6.25%.

当我比较来自icomoon应用程序的默认FontAwesome图标和FontAwesome图标时,它们只有几个px.在下图中,左侧的按钮使用默认的FontAwesome字体,右侧的按钮使用与icomoon app创建的相同字体图标.

您可以看到右侧按钮中的图标上升了2px左右.

他们的CSS几乎相同,使用FontAwesome CSS并没有改变基线关闭的事实, 我不想通过CSS调整这个

icomoon

font-family: 'Myicons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;

FontAwesome

font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing:

你知道FontAwesome使用什么基线吗？

我需要清除弹性框布局项目，以便第一个项目的宽度为 100%，第二个项目的宽度为 50%，以自己的行为中心，第三个和第四个项目在同一行上的宽度为 50%。

clear 在简单的块项目上正常工作，但我找不到使用 flex 布局来做到这一点的方法。

https://jsfiddle.net/tzx8qyjt/

.container {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: space-around;
}

.item {
  background: tomato;
  padding: 5px;
  width: 100%;
  height: 150px;
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 150px;
  color: white;
  font-weight: bold;
  font-size: 3em;
  text-align: center;
}

.container.block {
  display: block;
}

.container.block .item {
  float: left;
  box-sizing: border-box;
}

.half {
  width: 50%;
}

.container .item.centered {
  float: …

我一直在阅读许多关于如何通过伪选择器设置特定兄弟姐妹样式的示例，例如

http://andr3.net/blog/post/142

http://lea.verou.me/2011/01/styling-children-based-on-their-number-with-css3/ CSS 可以检测元素的子元素数量吗？

但我面临的问题很特别。我正在研究一个网格系统，其中最多可以包含 8 个 div（col-）。它们的宽度是根据您应用的类自动设置的。

这是全尺寸演示 http://fiddle.jshell.net/6Wb6W/1/show/light/

这是 css 和标记 http://jsfiddle.net/6Wb6W/1/

现在在浏览器宽度 979px 上，我想放下（移动到 100% 宽）；

3rd column in 3 column grid and make it 100% wide 
5th column in 5 column grid and make it 100% wide 

我以前通过 js 执行此操作并计算行内有多少列并更改宽度或将新类应用于您想要的类，但我希望仅通过 css 来执行此操作。

我尝试过nth:child在 3 或 5 个网格列上使用伪类。我所做的任何组合都会使第 6 和第 8 列网格一团糟。在这里测试了我能想到的所有可能的选项 http://css-tricks.com/examples/nth-child-tester/# 并且无法找到解决方案。

我不想添加任何额外的 div id 名称并像这样定位它们。过去已经有了这样的“解决方案”和 js mambo jumbo，但真的很想摆脱所有这些，只使用纯 css。

任何帮助表示赞赏。

解决方案： 感谢chandu，我们赢了。 http://fiddle.jshell.net/6Wb6W/8/show/light/ 强大的移动就绪网格布局，几乎适合您可能需要的任何可能的布局选项。这将成为 YJSG 2.0 的一部分 http://www.youjoomla.com/yjsg-framework-blog/yjsg-v2-0-0-white-paper.html

有没有办法像默认一样在 php smarty 中使用 strip_tags 来允许特定的 html 标签通过？

stip_tags($a.message,'<p><div>');

smarty 中的等价物是什么？

{$a.message|strip_tags}

我尝试了所有我能找到的指令, 如何在Windows上使用CURL如何使用PHP？(WAMP)

将dll文件从php7.2.0文件夹复制到apache2.4.18\bin文件夹

我的设置

win 10 64
wamp 3.1.1 
php, 5.6.28, 7.0.4, 7.2
apache 2.4.18 

curl适用于任何其他php版本,但不适用于7.2

颊extension_dir路径,它指向正确的目录

extension_dir ="T:/wamp64/bin/php/php7.2.0/ext/" 

加载php 7.2扩展

extension=bz2
extension=curl
;extension=dba
extension=com_dotnet
;extension=enchant
extension=fileinfo
;extension=ftp
extension=gd2
extension=gettext
extension=gmp
extension=intl
extension=imap
;extension=interbase
extension=ldap
extension=mbstring
extension=exif      ; Must be after mbstring as it depends on it
extension=mysqli
;extension=odbc
extension=openssl
;extension=pdo_firebird
extension=pdo_mysql
;extension=pdo_oci
;extension=oci8_12c  ; Use with Oracle Database 12c Instant Client
;extension=pdo_odbc
;extension=pdo_pgsql
extension=pdo_sqlite
;extension=pgsql
;extension=phpdbg_webhelper
;extension=shmop

现在我在7.0.4中看到有php_前缀和dll后缀

extension=php_curl.dll

但这是在7.2信息中

; When the …