gpt4 book ai didi

html - 在 XSLTransformation 1.0 中使用外部 CSS

转载 作者:太空宇宙 更新时间:2023-11-04 12:32:50 26 4
gpt4 key购买 nike

我正在使用 Microsoft Word 文件中的 XSLT 1.0 转换 XML 文件。

这是我的 XSLT 1.0:

<xsl:when test="not(following-sibling::VICINITY)">
<xsl:value-of select="following-sibling::ITA_LIGHT_NAME"/>
<xsl:text>....................</xsl:text>
<br/>
</xsl:when>

这给出了这个输出:(我希望虚线到达列的末尾)

enter image description here

我正在查看此链接:http://jsfiddle.net/westy808/g0d8x8c5/1/它包含:

HTML

<ul class="leaders">
<li><span>Item</span><span>12.234</span></li>
<li><span>Another Item</span><span>1,000.25</span></li>
</ul>

CSS

ul.leaders li { clear: both; }

ul.leaders li span:first-child {
float: left;
padding: 0 .4em 0 0;
margin: 0;
}
ul.leaders li span + span {
float: right;
padding: 0 0 0 .4em;
margin: 0;
}

ul.leaders li:after {
content: "";
display: block;
overflow: hidden;
height: 1em;
border-bottom: 1px dotted;
}

输出

Item.........................12.234
Another Item1..............1,000.25

和这个链接:http://www.w3.org/Style/Examples/007/leaders.en.html ,由凯文·布朗建议。

现在使用相同的方法,我创建了这个:

LEADER.CSS

ITA_LIGHT_NAME li { clear: both; }

ITA_LIGHT_NAME li span:first-child {
float: left;
padding: 0 .4em 0 0;
margin: 0;
}
ITA_LIGHT_NAME li span + span {
float: right;
padding: 0 0 0 .4em;
margin: 0;
}
ITA_LIGHT_NAME li:after {
content: "";
display: block;
overflow: hidden;
height: 1em;
border-bottom: 1px dotted;
}

这是我的 XSLT 1.0:

<td>
<xsl:when test="not(following-sibling::VICINITY)">
<link rel="stylesheet" type="text/css" href="css/leaders.css" />
<style>
<ul class="ITA_LIGHT_NAME">
<li>
<span>
<xsl:value-of select="following-sibling::ITA_LIGHT_NAME"/>
</span>
</li>
</ul>
</style>
</xsl:when>
</td>

但它不能正常运行。

这是我当前的输出:

enter image description here

我希望虚线到达第一列的末尾:

enter image description here

Thiu 可以帮忙,求解答http://bytes.com/topic/net/answers/85213-reference-external-css-js-xsl-stylesheet

最佳答案

这接近于解决方案:(需要 CSS 专家的修改)

在您的 XSLT 文件中插入....

<xsl:template match="/">
<html>
<head>
<style type="css">
.ITA_LIGHT_NAME { border-bottom: 5px dotted; }
</style>
</head>
<body>
...
...
...
...
...
<xsl:when test="not(following-sibling::VICINITY)">
<div class="ITA_LIGHT_NAME">
<xsl:value-of select="following-sibling::ITA_LIGHT_NAME"/>
</div>
</xsl:when>
...
...

现在我的输出如下:

enter image description here

这不是一个完美的结果,但现在我们可以将 CSS 文件插入 XSLT,研究 CSS 结构我们可以解决这个问题,以便我们的表格有一个完美的分页。

我记得我们的完美分页是这样的:

enter image description here

注意:CAPO TORRE DI CAVALLO......(这是完美的,直到第一列结束)

此链接可以给您进一步的通知:http://itins4.madisoncollege.edu/IT/152121advweb/XMLExamples/unit1/css/cssxslt/cust16.xsl

关于html - 在 XSLTransformation 1.0 中使用外部 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27528926/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com