Html 在CHM中缩放图像或表格的一部分
我想把公司标题放在CHM手册的首页上。由于用户可以缩放CHM，因此页眉应随手册的宽度缩放。高度不应按比例缩放。 问题是收割台的左侧和右侧都必须保持完整，因此只有收割台的中心应该缩放。左侧有一个截止角，其角度不得改变。右侧包含一个图像 图片： 是否可以使用CSS或HTML（图像或表格）来实现这一点 编辑：Html 在CHM中缩放图像或表格的一部分,html,css,image,tabular,chm,Html,Css,Image,Tabular,Chm,我想把公司标题放在CHM手册的首页上。由于用户可以缩放CHM，因此页眉应随手册的宽度缩放。高度不应按比例缩放。 问题是收割台的左侧和右侧都必须保持完整，因此只有收割台的中心应该缩放。左侧有一个截止角，其角度不得改变。右侧包含一个图像 图片： 是否可以使用CSS或HTML（图像或表格）来实现这一点 编辑： <html> <head> <meta name="generator" content="HTML Tidy for
<html>
<head>
<meta name="generator"
content="HTML Tidy for HTML5 (experimental)" />
<title></title>
<style>
.header {
width: 100%;
border-collapse: collapse;
/*border: 1px solid black;*/
}
.header_left{
width: 81px;
}
.header_center{
/*background-image: url("help-info-de-right-part.png");*/
/*background-color: #ff33cc;*/
background-color: #e0e0e0;
text-align: center;
}
.header_right{
width: 82px;
}
.header td {
padding: 0;
}
</style>
</head>
<body>
<table class="header">
<colgroup>
<col style="background-color:green;" />
<col style="background-color:red;" />
<col style="background-color:yellow;" />
</colgroup>
<tr>
<td class="header_left">
<img src="help-info-de-left-part.png" />
</td>
<td class="header_center">
<img src="help-info-de-center-part.png" />
</td>
<td class="header_right">
<img src="help-info-de-right-part.png" />
</td>
</tr>
</table>
<h1>Heading 1</h1>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna
aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
takimata sanctus est Lorem ipsum dolor sit amet.</p>
</body>
</html>
您知道，CHM类似于ZIP格式，可能包含HTML和CSS。下面我展示了使用图像的一种可能性。尝试一下，并根据您的需要进行更改（请参见下面的HTML）。
[FILES]
welcome.htm
design.css
How_to_extend\extend_menu.htm
How_to_extend\power_function.htm
images\gui_screenshot.jpg
<html>
<head>
<meta name="generator"
content="HTML Tidy for HTML5 (experimental)" />
<title></title>
<style>
.header {
width: 100%;
border-collapse: collapse;
/*border: 1px solid black;*/
}
.header_left{
width: 81px;
}
.header_center{
/*background-image: url("help-info-de-right-part.png");*/
/*background-color: #ff33cc;*/
background-color: #e0e0e0;
text-align: center;
}
.header_right{
width: 82px;
}
.header td {
padding: 0;
}
</style>
</head>
<body>
<table class="header">
<colgroup>
<col style="background-color:green;" />
<col style="background-color:red;" />
<col style="background-color:yellow;" />
</colgroup>
<tr>
<td class="header_left">
<img src="help-info-de-left-part.png" />
</td>
<td class="header_center">
<img src="help-info-de-center-part.png" />
</td>
<td class="header_right">
<img src="help-info-de-right-part.png" />
</td>
</tr>
</table>
<h1>Heading 1</h1>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna
aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
takimata sanctus est Lorem ipsum dolor sit amet.</p>
</body>
</html>
.标题{
宽度：100%；
边界塌陷：塌陷；
/*边框：1px纯黑*/
}
.左上角{
宽度：81px；
}
.中心{
/*背景图片：url（“help info de right part.png”）*/
/*背景色：#ff33cc*/
背景色：#E0；
文本对齐：居中；
}
.标题(右){
宽度：82px；
}
.标题td{
填充：0；
}
标题1
我们需要一位专家，一位杰出的顾问，一位临时劳工和大财团成员
阿利奎亚姆·埃拉特（aliquyam erat），塞德·迪亚姆·沃卢普图（sed diam voluptua）。在vero eos和accusam以及justo duo dolores和ea Reum。斯特特·克里塔·卡斯德·古伯格伦，无海
takimata sanctus est Lorem ipsum dolor sit amet