小编Jen*_*nny的帖子

在页面底部粘贴HTML 5表格页脚

看看桌子.它有3个部分:

  • 列标题
  • 带有值的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)

html css html5 css3

14
推荐指数
1
解决办法
2万
查看次数

垂直滚动条取代表格行HTML

我正在使用桌面设计,其高度和宽度应该是完全可扩展的.

该表运行良好,但由于滚动条宽度,我无法调整或调整表列上的列名称位置.当滚动条可见时(并且它应该始终可见),表行被替换并且它们的列名称看起来很糟糕.

你能给我一些想法吗?

有没有办法改变滚动条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">&nbsp;</div>
                <div class="divcell cellwidth2">&nbsp;</div>
                <div class="divcell cellwidth3">&nbsp;</div>
                <div class="divcell cellwidth4">&nbsp;</div>
            </div>
            <div class="divrow">
                <div class="divcell cellwidth1">&nbsp;</div>
                <div class="divcell cellwidth2">&nbsp;</div>
                <div class="divcell cellwidth3">&nbsp;</div>
                <div class="divcell cellwidth4">&nbsp;</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)

html css html5 css3

10
推荐指数
1
解决办法
1538
查看次数

PPTX到PNG的颜色渲染--Apache POI

我正在使用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)

java powerpoint png apache-poi

6
推荐指数
1
解决办法
979
查看次数

标签 统计

css ×2

css3 ×2

html ×2

html5 ×2

apache-poi ×1

java ×1

png ×1

powerpoint ×1