小编Jul*_*lle的帖子

我的XSLT文件中有以下代码:

<xsl:copy-of select="/root/Algemeen/foto/node()" />

在XML文件中,节点/root/Algemeen/foto/包含HTML图像,例如:<img src ="somephoto.jpg"/>

我想要做的是为图像添加固定宽度.但以下不起作用:

<xsl:copy-of select="/root/Algemeen/foto/node()">
    <xsl:attribute name="width">100</xsl:attribute>
</xsl:copy-of>

我想知道如何在图1中完成效果.

到目前为止我得到的是

.box { display: inline-block; vertical-align: top; width: 100px;}

这给了我如图2所示的结果.(注意:我知道我可以用float完成相同的操作:left)

我的HTML代码看起来像这样:

<span class="box">A<br><br><br><br></span>
<span class="box">B<br></span>
<span class="box">C<br><br><br></span>
<span class="box">D<br><br><br></span>
<span class="box">E<br><br><br><br><br><br></span>
<span class="box">F</span>
<span class="box">G<br><br><br><br></span>
<span class="box">H<br></span>
<span class="box">I<br><br></span>

我希望每个元素尽可能地向左浮动,但同时向上浮动.

有可能用纯CSS执行此操作,还是需要一些JavaScript？

编辑:

对我来说重要的是整个网格位于页面的中心.这就是我使用display:inline-block的原因.网格也不应该固定在页面上,因为我希望它在我调整窗口大小时重排.

我该怎么做才能使这段代码有效？

<xsl:choose>
  <xsl:when test='type = 6'>
    <xsl:variable name='title' select='root/info/title' />
  </xsl:when>
  <xsl:when test='type = 7'>
    <xsl:variable name='title' select='root/name' />
  </xsl:when>
  <xsl:otherwise>
    <xsl:variable name='title'>unknown</xsl:variable>
  </xsl:otherwise>
</xsl:choose>

<div class='title'>
  <xsl:value-of select='$title'/>
</div>

这不起作用,因为当我这样做时<xsl:value-of select='$title'/>,$title超出了范围.我试图<xsl:variable name='title'/>在范围之外添加该行,但这也不起作用,因为当我调用时<xsl:variable name='title' select='root/info/title' />,我之前已经设置了这个变量.我该怎么解决这个问题？

如何设置媒体断点让我们说从中到大 - 我是否嵌套min mixin和max mixin或者我该怎么做.

我之后的输出是这样的:@media(min-width:480px)和(max-width:767px)使用断点mixin.

我有以下的xml代码:

<weather-code>14 3</weather-code>
<weather-code>12</weather-code>
<weather-code>7 3 78</weather-code>

现在我只想获取每个节点的第一个数字来设置背景图像.所以对于每个节点我都有以下xslt:

<xsl:attribute name="style">
  background-image:url('../icon_<xsl:value-of select="substring-before(weather-code, ' ')" />.png');
</xsl:attribute>

问题是,当没有空格时,substring之前不会返回任何内容.有什么简单的方法吗？

假设我有一个完整的HTML文档作为XML输入.
如果我只想从html输出第一个(或任何)图像,XSLT文件将如何显示？

这是一个非常简单的问题.我安装了wordpress 3.4.2.我正试图从头开始构建一个主题.所以我添加了一个style.css文件和一个index.php文件.两者都只包含最低限度.现在我想知道我什么时候从index.php调用get_header()和get_footer()函数,其中有wordpress用于生成我网站页眉和页脚的header.php和footer.php文件？

如何使元素发粘，使其保持在视口的顶部？我希望元素即使离开容器也保持粘性。

我试过了

的HTML

<div class="page">
  <div class="parent">
    <div class="child-sticky">
      <p>i want to be sticky, even when I'm outside my parent.</p>
    </div>
  </div>
</div>

的CSS

.child-sticky {
  position:sticky;
  top:20px;
}

.page {
  height: 3000px;
}

这是一支笔来说明问题。向下滚动以查看我的意思。

https://codepen.io/pwkip/pen/OxeMao

我有一堆由 illustrator 生成的徽标，我想直接将其嵌入到我的网站中。svgs 都有一个<style>元素，其中在 svg 元素中定义了样式，如下所示：

<svg>
  <style>
    .st1 { fill:#ff00ff; }
    .st2 { fill:#ff3421; }
    /* ... and so on */
  </style>
    <!-- svg paths and shapes -->
</svg>

问题是这些样式会相互干扰。因此，如果最后的图像定义了.st21 {fill:#555555}此样式，则此样式将应用于所有带有 的路径class="st21"，包括来自所有先前加载的 svg 图像的路径。

在另一个线程中，有人建议用<object>标签包装我的 svg-xml ，这似乎不起作用。

在不接触实际 SVG 代码的情况下，如何确保内联 SVG 样式不会相互干扰？

这里有一支笔来说明这个问题：https : //codepen.io/pwkip/pen/RLPgpW

我知道这个问题可能听起来与这个问题类似：How do I addenvironmentvariables to launch.json in VSCode

但我真正想要的是在实际的 launch.json 文件中使用 .env 文件中的变量，而不是在程序中使用它们。

所以我的设置是这样的：

project-root/
  |-- .env
  |-- .vscode/
        |-- launch.json
  |-- src/
        |-- my-plugin/
        |-- my-theme/
  |-- wordpress/
  |-- data/
  |-- docker-compose.yml

在我的 .env 文件中，我有这个：

PLUGIN_SLUG=my-plugin
THEME_SLUG=my-theme

现在，在我的 launch.json 文件中，我真的希望能够使用这样的${THEME_SLUG}和变量：${PLUGIN_SLUG}

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Listen for XDebug",
      "type": "php",
      "request": "launch",
      "port": 9000,
      "pathMappings": {
        "/var/www/html/wp-content/plugins/${PLUGIN_SLUG}": "${workspaceRoot}/src/${PLUGIN_SLUG}",
        "/var/www/html/wp-content/themes/${THEME_SLUG}": "${workspaceRoot}/src/${THEME_SLUG}",
        "/var/www/html": "${workspaceRoot}/wordpress",
      },
    }
  ],
}

知道如何实现这一目标吗？

：：编辑：：

经过进一步挖掘，我意识到当我在内部全局设置变量时，/etc/profile.d/temp.sh如下所示：

export PLUGIN_SLUG=codeable-plugin …