看看桌子.它有3个部分:
我试图将页脚粘贴在页面底部.表高度需要调整大小,如果值超过表高度限制的行,我需要放置一个垂直滚动条.我不想扩展值的行高.有没有办法做到这一点?(只有html/css).
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div class="table">
<div class="row headers">
<div class="cell col1">Col1</div>
<div class="cell col2">Col2</div>
<div class="cell col3">Col3</div>
</div>
<div class="row">
<div class="cell col1">1</div>
<div class="cell col2">2</div>
<div class="cell col3">3</div>
</div>
<div class="row">
<div class="cell col1">1</div>
<div class="cell col2">2</div>
<div class="cell col3">3</div>
</div>
<div class="row">
<div class="cell col1">1</div>
<div class="cell col2">2</div>
<div class="cell col3">3</div>
</div>
<div class="row footers">
<div class="cell col1">Footer</div>
<div class="cell col2"></div>
<div class="cell col3"></div>
</div>
</div>
</body>
</html> …Run Code Online (Sandbox Code Playgroud) 我正在使用桌面设计,其高度和宽度应该是完全可扩展的.
该表运行良好,但由于滚动条宽度,我无法调整或调整表列上的列名称位置.当滚动条可见时(并且它应该始终可见),表行被替换并且它们的列名称看起来很糟糕.
你能给我一些想法吗?
有没有办法改变滚动条z-index或避免替换行为的东西?
这是一个jsFiddle:请参见此处的示例
HTML:
<div id="tablecontainer">
<div id="topbar">
<div class="colname cellwidth1">ABC</div>
<div class="colname cellwidth2">ABC</div>
<div class="colname cellwidth3">ABC</div>
<div class="colname cellwidth4">ABC</div>
</div>
<div class="breakline"></div>
<div id="expandtable">
<div class="divrow">
<div class="divcell cellwidth1"> </div>
<div class="divcell cellwidth2"> </div>
<div class="divcell cellwidth3"> </div>
<div class="divcell cellwidth4"> </div>
</div>
<div class="divrow">
<div class="divcell cellwidth1"> </div>
<div class="divcell cellwidth2"> </div>
<div class="divcell cellwidth3"> </div>
<div class="divcell cellwidth4"> </div>
</div>
</div>
<div class="breakline"></div>
<div id="topbar">
<div class="colname cellwidth1">ABC</div>
<div class="colname cellwidth2">ABC</div>
<div class="colname cellwidth3">ABC</div>
<div class="colname cellwidth4">ABC</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
CSS:
html, body, …Run Code Online (Sandbox Code Playgroud) 我正在使用POI库将pptx幻灯片转换为png,但它无法正确渲染幻灯片的颜色,例如,它不会渲染绿松石,而是呈现灰色.我试图将pptx幻灯片转换为svg,但遇到了同样的问题,所以我想知道它是否与XMLSlideShow类或XSLFSlide类有关.任何帮助将不胜感激!
码:
String file = "C:\\Users\\ABC\\demo1.pptx";
XMLSlideShow ppt = null;
ppt = new XMLSlideShow(OPCPackage.open(new File(file)));
Dimension pgsize = ppt.getPageSize();
float scale = 1;
int width = (int) (pgsize.width * scale);
int height = (int) (pgsize.height * scale);
XSLFSlide[] slide = ppt.getSlides();
for (int i = 0; i < slide.length; i++) {
String title = slide[i].getTitle();
BufferedImage img = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
Graphics2D graphics = img.createGraphics();
graphics.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
graphics.setRenderingHint(RenderingHints.KEY_RENDERING, RenderingHints.VALUE_RENDER_QUALITY);
graphics.setRenderingHint(RenderingHints.KEY_INTERPOLATION, RenderingHints.VALUE_INTERPOLATION_BICUBIC);
graphics.setRenderingHint(RenderingHints.KEY_FRACTIONALMETRICS, RenderingHints.VALUE_FRACTIONALMETRICS_ON);
graphics.setColor(Color.white);
graphics.clearRect(0, 0, width, height);
graphics.scale(scale, …Run Code Online (Sandbox Code Playgroud)