javascript - 为什么在网页中添加语法荧光笔后滚动条不起作用?

标签 javascript jquery html syntax-highlighting syntaxhighlighter

我在网页中应用了语法荧光笔,但是当我最小化窗口或在不同的屏幕上检查它时,文本就会消失。

我已经尝试了很多,但仍然出现问题。我使用了 rawgit 形式的语法荧光笔。

还有其他选择吗?

<!DOCTYPE HTML>
<html lang="en">
    <head>   
        <link rel="stylesheet" href="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css"/>
        <script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script>
    </head>
    <body>
        <pre class="prettyprint"><code>
package com.up;

import java.io.File;
import java.io.FileOutputStream;
import java.io.InputStream;
import javax.ws.rs.Consumes;
import javax.ws.rs.POST;
import javax.ws.rs.Path;
import javax.ws.rs.core.MediaType;
import javax.ws.rs.core.Response;
import org.glassfish.jersey.media.multipart.FormDataContentDisposition;
import org.glassfish.jersey.media.multipart.FormDataParam;

@Path("/files")
public class FileUploadService {

    @POST
    @Path("/upload")
    @Consumes(MediaType.MULTIPART_FORM_DATA)
    public Response uploadFile(
            @FormDataParam("file") InputStream uploadedInputStream,
            @FormDataParam("file") FormDataContentDisposition fileDetail
    ) {
        String fileLocation = "F://" + fileDetail.getFileName();
        try {
            FileOutputStream out = new FileOutputStream(new File(fileLocation));
            int read = 0;
            byte[] bytes = new byte[1024];
            out = new FileOutputStream(new File(fileLocation));
            while ((read = uploadedInputStream.read(bytes)) != -1) {
                out.write(bytes, 0, read);
            }
            out.flush();
            out.close();
        } catch (Exception e) {
            e.printStackTrace();
        }
        String output = "File successfully uploaded to : " + fileLocation;
        return Response.status(200).entity(output).build();
    }

} </code></pre>
    </body>
</html>

最佳答案

将溢出滚动添加到您的漂亮打印中

.prettyprint {
overflow:scroll;
}

关于javascript - 为什么在网页中添加语法荧光笔后滚动条不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40417372/

相关文章:

javascript - 限制 Chart.js 折线图上的标签数量

javascript - 如何使用 "JavaScript Switch Statement"重定向用户

php - 如何使用 jQuery AJAX 提交此表单?

javascript - Protractor 通过 ng-click 进行迭代

javascript - 在页面加载时加载 Javascript

jquery - 字段集控制组中单选按钮网格的宽度 jquery mobile

javascript - 选择 HTML 选择/下拉列表中的项目时会触发什么事件?

html - 当用户设置浏览器字体大小时会发生什么?

html - IE7 标题中的奇怪错误

javascript - getImageData 在 Alpha channel 上无法正常工作