近有客戶(hù)在linux系統(tǒng)部署皕杰報(bào)表后發(fā)現(xiàn)總有高度拉伸不到位的情況發(fā)生，可是我們自己卻無(wú)論怎么測(cè)試都不能重現(xiàn)問(wèn)題。不能重現(xiàn)問(wèn)題，就不好找出解決問(wèn)題的方法。

于是要來(lái)了這張問(wèn)題表的html源代碼，在瀏覽器中打開(kāi)后用F12檢查，發(fā)現(xiàn)這個(gè)單元格的拉伸高度計(jì)算不正確。見(jiàn)下圖：

是什么原因?qū)е碌挠?jì)算錯(cuò)誤呢？我們分析有兩種可能，一是所用的皕杰報(bào)表版本太老，二是計(jì)算高度的依據(jù)缺失，而計(jì)算拉伸高度的依據(jù)是字體和字號(hào)。

檢查了客戶(hù)使用的版本號(hào)沒(méi)有問(wèn)題，但在linux系統(tǒng)里卻只安裝了宋體，其它中文字體都沒(méi)有，而在報(bào)表里選擇的字體卻是微軟雅黑，計(jì)算的依據(jù)沒(méi)了，系統(tǒng)所以計(jì)算出的拉伸高度就是錯(cuò)的了。讓用戶(hù)把報(bào)表里的字體改成宋體，再測(cè)試?yán)旄叨茸兇罅艘稽c(diǎn)，但是還是沒(méi)有完全拉開(kāi)，我們判斷是jre里也沒(méi)有宋體，理論上在jre里安裝宋體后拉伸問(wèn)題就會(huì)得到解決。

因而我們給了兩個(gè)解決方案：一是在linux系統(tǒng)中和jre中安裝所用的中文字體，方法按linux系統(tǒng)及安裝jdk的基本要求，這里不做說(shuō)明。二是改這個(gè)單元格的css，讓單元格廢棄計(jì)算的拉伸高度，改為自動(dòng)拉伸。

在皕杰報(bào)表設(shè)計(jì)器全局屬性web資源引用中添加：

<style type="text/css">
.expand div{
 height: auto !important;
 }
</style>

在設(shè)計(jì)器這個(gè)單元格的屬性css樣式里添加expand。

用戶(hù)覺(jué)得jre中安裝中文字體比較麻煩，決定采用方法二測(cè)試。部署后我們看到單元格已經(jīng)正常拉伸了，用F12檢查一下運(yùn)行的css，果然是廢棄了計(jì)算的高度，而采用了我們新增的css格式。見(jiàn)圖：

至此高度拉伸不到位問(wèn)題得以解決。但我們認(rèn)為最好的解決方案還是方法一，把要用的中文字體安裝上，避免產(chǎn)生錯(cuò)誤的計(jì)算結(jié)果。

evExpress WinForms擁有180+組件和UI庫(kù)，能為Windows Forms平臺(tái)創(chuàng)建具有影響力的業(yè)務(wù)解決方案。DevExpress WinForms能完美構(gòu)建流暢、美觀且易于使用的應(yīng)用程序，無(wú)論是Office風(fēng)格的界面，還是分析處理大批量的業(yè)務(wù)數(shù)據(jù)，它都能輕松勝任！

DevExpress WinForm 近日正式發(fā)布了2022年第一個(gè)重大版本——v22.1，此版本也正式升級(jí)了之前版本中發(fā)布的HTML CSS模板功能，歡迎下載最新版體驗(yàn)！

DevExpress WinForms Subscription官方最新版免費(fèi)下載試用，歷史版本下載，在線文檔和幫助文件下載-慧都網(wǎng)

HTML CSS 模板

列表框、組合框、警報(bào) - HTML和CSS標(biāo)記支持

v22.1 為我們的WinForms ListBox、ComboBox和Alert控件引入了 HTML 和 CSS 標(biāo)記支持，使用HtmlTemplates屬性定義可應(yīng)用于項(xiàng)目的HTML-CSS模板集合，閱讀以下文章：

• DevExpress WinForms的HTML & CSS 模板 — 新控件和功能
• DevExpress WinForms HTML & CSS模板——輕松創(chuàng)建警報(bào)通知

處理以下事件以響應(yīng)針對(duì) HTML UI 元素的鼠標(biāo)操作：

• HtmlElementMouseOver
• HtmlElementMouseMove
• HtmlElementMouseOut
• HtmlElementMouseClick
• HtmlElementMouseDown
• HtmlElementMouseUp

HTML Content控件 - 存儲(chǔ)庫(kù)項(xiàng)的輸入標(biāo)記

您現(xiàn)在可以將存儲(chǔ)庫(kù)項(xiàng)目包裝在 <input> 標(biāo)記內(nèi)。

'name' 屬性按名稱(chēng)引用存儲(chǔ)庫(kù)項(xiàng)，'value' 屬性指定數(shù)據(jù)字段名稱(chēng)。

HTML

<div class='default-avatar-container' hidden='${HasPhoto}'>
<input class='default-avatar' name='pictureEdit' value='${Photo}' />
<a class='choose-photo' id='choose_Photo'>Choose a photo</a>
</div>
<div class='default-avatar-container avatar-container' hidden='${IsDefaultPhoto}'>
<input class='avatar' name='pictureEdit' value='${Photo}' />
</div>
<div class='input-box'>
<input class='input' name='emailEdit' value='${Email}'/>
</div>

我們的Template Designer 在包括'In-place Editor Repository' 選項(xiàng)卡，打開(kāi)此選項(xiàng)卡來(lái)創(chuàng)建要在 HTML 模板中引用的存儲(chǔ)庫(kù)項(xiàng)目。

HTML模板設(shè)計(jì)器增強(qiáng)

HTML 模板設(shè)計(jì)器現(xiàn)在附帶以下選項(xiàng)：

• 區(qū)域折疊
• 縮進(jìn)指南
• 行號(hào)

TileView - 項(xiàng)目自動(dòng)高度

我們添加了一個(gè)新的TileViewOptionsHtmlTemplate.ItemAutoHeight 選項(xiàng)來(lái)支持由HTML和基于CSS模板呈現(xiàn)的圖塊的自動(dòng)高度模式，在自動(dòng)高度模式下，磁貼會(huì)垂直拉伸以完全顯示內(nèi)容。

新的 CSS 屬性

我們支持以下 CSS 屬性：

• overflow-wrap
• white-space
• background-image
• background-position
• background-size
• background-repeat