1
下面的HTML/CSS適用於最近的瀏覽器,但不適用於CF9的cfdocument。任何人有想法? 我想在cfdocument中使用inline-block屬性,如果可以的話。或者也許有另一種方法來呈現類似的結果?在cfdocument中使用display inline-block CSS
我該知道些什麼?
我知道CF的cfdocument支持一組有限的CSS屬性(CSS1/CSS2)。 CF文檔說它支持"display" CSS property。但是,它不能確定支持哪些值。我已經包含了預期輸出和一些示例代碼。
預期輸出(見下圖)
IMG http://i44.tinypic.com/35apx53.jpg
示例代碼
<cfdocument format="PDF" pagetype="letter">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Demo: Display Property (block, inline, inline-block)</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body style="margin: 0; padding: 0">
<style>
.container { margin-left: 2em; width: 35em; border: none; }
div { margin: 1em 0; border: solid 1px red; }
p { margin: 1em 0; border: dotted 2px blue; }
div#one p { display: block; width: 6em; text-align: center; }
div#two p { display: inline; width: 6em; text-align: center; }
div#three p { display: inline-block; width: 6em; text-align: center; }
</style>
<div class="container">
<div id="one">
<strong>TEST 1: block</strong> This text is within block-level level element (DIV).
<p>Here's a block-level paragraph (P).</p>
Here's some additional text still inside a block-level elment.
</div>
<div id="two">
<strong>TEST 2: inline</strong> This text is within block-level level element (DIV).
<p>Here's an inline paragraph (P).</p>
Here's some additional text still inside a block-level element.
</div>
<div id="three">
<strong>TEST 3: inline-block</strong> This text is within block-level level element (DIV).
<p>Here's an inline-block paragraph (P).</p>
Here's some additional text still inside a block-level element.
</div>
</div>
</body>
</html>
</cfdocument>
你需要什麼樣的格式在cfd中使用ocument?你嘗試使用format = pdf嗎? – shemy
哎呀!我更新了上面的示例代碼。第一行應該包含。謝謝@shemy。 –
ArdMan
CF9中的'cfdocument'只支持以下CSS1'display'值:'inline |塊| none'。 'display:inline-block'是在CSS2中添加的,不支持。 – CfSimplicity