链接 css 文件会破坏 html 表格格式

Posted

技术标签:

【中文标题】链接 css 文件会破坏 html 表格格式【英文标题】:Linking a css file breaks html table format 【发布时间】:2016-03-01 00:34:31 【问题描述】:

我正在开发一些 Java Servlet,基本上我正在将 sql 查询的结果输出到表中。我在 html 代码中有一些基本的表格格式,但我也想链接一个 css 文件。

每当我链接一个样式表(即使是空白的,或者与表格中的 html 标记具有相同属性的样式表)时,它只会破坏表格中的任何格式,并将结果作为一个连续列表输出。

任何建议都会有很大帮助。

这是我的 servlet 代码:

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException 
    String category = request.getParameter("categoryname"); 
    AlbumDAO albumData = new AlbumDAO();
    ArrayList<AlbumBean> albums = albumData.findFromCategory(category);

    PrintWriter out = response.getWriter();
    response.setContentType("text/html");


    String title = category + " albums";
    String stylesheet = "<link rel=\"stylesheet\" type=\"text/css\" href=\"/CSS/stylesheet.css>";

    out.println("<!DOCTYPE html><html>");
    out.println("<head>");
    out.println("<title>" + title + "</title>");
    out.println(stylesheet);
    out.println("</head>");
    out.println("<body>");
    out.println("<Center><H1>" + category + " albums</Center>");

    out.println("<table border=\"1\" cellspacing=\"5\" cellpadding=\"5\">"
            + "<tr><th>ID</th><th>Artist</th><th>Title</th><th>Image Name</th><th>Tracks</th><th>Price</th><th>In Stock</th></tr>");

    for (AlbumBean a : albums)
        out.println("<tr><td> "+ a.getRecording_id() + "</td>");
        out.println("<td>" + a.getArtist_name() + "</td>");       
        out.println("<td> " + a.getTitle() + "</td>");
        out.println("<td> " + a.getCategory() + "</td>");
        out.println("<td> " + a.getImage_name() + "</td>");
        out.println("<td> " + a.getPrice() + "</td>");
        out.println("<td> " + a.getStock_count() + "</td>");
        out.println("</tr>");

        
    out.println("</table>");
    out.println("</body>");

    out.println("<footer><a href = \"index.html\"> let's go home</a></footer>");
    out.println("</html>");

【问题讨论】:

你在这方面有什么进展吗?您是否检查过您的服务器访问日志以查看是否有任何 404 错误可以说明问题 【参考方案1】:

我最终解决了它,唯一的问题是我认为文件夹 CSS 需要被引用为 "/CSS/stylesheet.css"

而实际上只是"CSS/stylesheet.css"

谢谢各位。

【讨论】:

【参考方案2】:

看起来您没有关闭链接语句中的引号

String stylesheet = "<link rel=\"stylesheet\" type=\"text/css\" href=\"/CSS/stylesheet.css\">";

【讨论】:

这是我没有看到的问题。我实际上并不认为客户端找到了 css 文件。 您是否尝试过使用样式表的完整(而不是相对)URL? 另见***.com/questions/3655316/…

以上是关于链接 css 文件会破坏 html 表格格式的主要内容,如果未能解决你的问题,请参考以下文章

缓存在 SASS 文件中链接的破坏图像

在网页中如何添加CSS样式表?

CSS 表格响应格式

防止eclipse破坏CSS格式

HTML 8 总结(转)

HTML认识网页