问题：

JSP中的CSS样式

干宏邈

2023-03-14

我有一个JAVA EE应用程序。部署在Tomcat 7中，其中我有这个JSP，我想将样式应用于页脚以使文本居中，所以我在JSP中定义了要应用于页眉DIV的样式

<%@ page import="com.telefonica.movistar.vo.UserVO" %>
<%@ page import="com.telefonica.movistar.dao.MonitorProcessDAO" %>
<%@ page import="com.telefonica.movistar.vo.MonitorProcessVO" %>
<%@ page import="java.util.ArrayList" %>

<style>
.layout-footer {
    border-width: 1px 0;
    justify-content: center
}
</style>

<%
  MonitorProcessDAO dao = new MonitorProcessDAO();

  String action = request.getParameter("action");
  String reference = request.getParameter("reference");

  if ("keepalive".equals(action)) {
    dao.keepAlive(reference);
  } else
  if ("setmetrics".equals(action)) {
    String metric1 = request.getParameter("metric1");
    String metric2 = request.getParameter("metric2");
    String metric3 = request.getParameter("metric3");
    dao.setMetrics(reference, metric1, metric2, metric3);
  } else
  if ("reporterror".equals(action)) {
      String message = request.getParameter("message");
    dao.reportError(reference, message);
  } else {
%>
<%@ page contentType="text/html" pageEncoding="windows-1252"%>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html>
  <head>
    <link rel="stylesheet" type="text/css" href="../mobile/mobileWS.css" media="screen" />
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252" name="MobileOptimized">
    <title>Process Monitoring</title>
  </head>
  <body>
    <p><b>Now:</b> <%=(new java.util.Date())%></p>
    <table>
    <tr bgcolor="#E0E0E0">
      <td><b>Reference</b></td>
      <td><b>KeepaliveDate</b></td>
      <td><b>Metric1</b></td>
      <td><b>Metric2</b></td>
      <td><b>Metric3</b></td>
      <td width="100%">&nbsp;</td>
    </tr>

<%
  ArrayList list = dao.list(null);
  for (int i=0;(list!=null)&&(i<list.size());i++) {
    MonitorProcessVO vo = (MonitorProcessVO)list.get(i);

    String bgcolor= ((i%2)!=0) ? "#F0F0F0" : "#FFFFFF";
%>
    <tr bgcolor="<%=bgcolor%>">
      <td nowrap><%=vo.getReference()%></td>
      <td nowrap><%=vo.getKeepaliveDate()%></td>
      <td nowrap><%=vo.getMetric1Value()%></td>
      <td nowrap><%=vo.getMetric2Value()%></td>
      <td nowrap><%=vo.getMetric3Value()%></td>
    </tr>
<%
  }
%>    
    </table>
    <br/>
    <table>
    <tr bgcolor="#E0E0E0">
      <td><b>Reference</b></td>
      <td><b>ErrorDate</b></td>
      <td width="100%"><b>Message</b></td>
    </tr>

<%
  list = dao.listError(null);
  for (int i=0;(list!=null)&&(i<list.size());i++) {
    MonitorProcessVO vo = (MonitorProcessVO)list.get(i);

    String bgcolor= ((i%2)!=0) ? "#F0F0F0" : "#FFFFFF";
%>
    <tr bgcolor="<%=bgcolor%>">
      <td nowrap><%=vo.getReference()%></td>
      <td nowrap><%=vo.getErrorDate()%></td>
      <td nowrap><%=vo.getErrorMessage()%></td>
    </tr>
<%
  }
%>    
    </table>
    <br/>
    <table>
    <tr bgcolor="#E0E0E0">
      <td width="100%"><b>Daily Reports</b></td>
    </tr>
    <tr bgcolor="#F0F0F0">
      <td nowrap><a href="../reports/generic_html.jsp?guiUserId=10191&reportId=973&view=V_RPT_SAV_TELEFONO_STATUS">Aggregation Logs</a></td>
    </tr>
    <tr bgcolor="#FFFFFF">
      <td nowrap><a href="../reports/generic_html.jsp?guiUserId=191001&reportId=83&view=V_ABONADOS_MONITORING_DAY">Aggregation Monitoring</a></td>
    </tr>
    </table>

    <div class="layout-footer" style="align">
        <br/><br/>
        Build 1.0.0  -  (07/11/2017)  &nbsp;&nbsp;|&nbsp;&nbsp; &copy; Telefonica 2017
    </div>


  </body>
</html>
<% 
  } 
%>

但是页脚不适用该样式，我看到所有浏览器的文本都向左对齐。L IE、chrome和Firefox

共有1个答案

广绪

2023-03-14

似乎您缺少显示：弹性部分。否则，对齐内容将不起作用。

.layout-footer {
    display: flex;
    justify-content: center; 
}

类似资料：

Django表单中的CSS样式

问题内容：我想样式如下： forms.py： contact_form.html：例如，如何设置一个类或ID为subject，email，message以提供外部样式表到？问题答案：摘自我的答案：如何在Django中使用标记表单字段要么要么以上是对完成所要询问内容的原始问题的代码进行的最简单的更改。如果你在其他地方重复使用表格，也可以避免重复。如果你使用Django的as_tab
CSS 样式

Epoch 图表使用 css 设置填充颜色、笔画等。默认情况下，图表使用 D3分类颜色。您可以轻松地覆盖这些默认颜色或创建您自己的自定义类别。主题 Epoch 以主题的形式安排类似于图表的样式。主题可以通过特殊的类名添加到任何HTML容器中。目前，Epoch船有两个内置主题： epoch-theme-default-基于d3分类颜色的默认主题 epoch-theme-dark-黑色背景下使用的主
使用 CSS 的样式（Style with CSS）

Flex支持使用CSS语法和样式以与CSS到HTML组件相同的方式应用于其UI控件。方式＃1:使用外部样式表文件您可以参考应用程序类路径中可用的样式表。例如，考虑一下Hello com/wenjiangs/client folder World.mxml文件所在的com/wenjiangs/client folder中的Style.css文件。 /* CSS file */ @namespa
GWT CSS样式

主要内容：GWT CSS样式介绍,GWT CSS样式常用API,GWT CSS样式主要和次要风格,GWT CSS样式关联CSS文件,GWT CSS样式示例GWT CSS样式介绍 GWT 小部件依赖于级联样式表 (CSS) 进行视觉样式设置。默认情况下，每个组件的类名是gwt-<classname>。例如， Button 小部件具有gwt-Button的默认样式，类似的方式 TextBox widest 具有gwt-TextBox的默认样式。为了给所有按钮和文本框更大的字体，您可以
无法更改AngularJS中的CSS样式

问题内容：由于某些原因，我无法使用以下命令更改元素的样式：我敢肯定，因为它返回一个DOM元素。另外，这可行：（我发现的所有内容都与ngStyle有关，但我不认为这是我想要的？）我应该使用其他东西吗？如果是这样：什么？为什么不起作用？问题答案：根据文档：注意：Angular中的所有元素引用始终使用jQuery或jqLite进行包装；它们永远不是原始的DOM引用。因此，该属
CSS样式解析(CSS Style Syntax)

CSS样式 Stylus完全支持常规的CSS样式解析，这意味着你无需寻求其它解析器，或指定特别的文件使用特别的样式。例子下面是个使用缩进方法的小样式： border-radius() -webkit-border-radius arguments -moz-border-radius arguments border-radius arguments body a font

JSP中的CSS样式

共有1个答案

相关问答

相关文章

相关阅读

相关工具

相关文档