java - 右对齐属性在为 tds 提供宽度时不起作用-6ren

java - 右对齐属性在为 tds 提供宽度时不起作用

转载作者：行者123 更新时间：2023-11-28 15:02:52

我有一个 jsp 和一些 jspf，我希望其中的短期、长期字段以及标题右对齐，但是一旦我删除宽度属性，它就无法工作从我的样式右对齐开始工作。尽管样式在其中一种中有效jsp，但无法使用包含所有其他 jspf 和一个 jsp 的 jsp。

包含其他 jspf 和一个 jsp 的 jsp 类似------

<html>
<head>
<script>
</script> 
</head>
<body class="dashboard">
<html-el:form action="${form.formAction}">
<div id="scrollHeader">     
    <html-el:hidden property="selectedForecastUnitOID"/>    
    <html-el:hidden property="selectedFactoryOID"/> 
        <%@ include file="ViewInputHeader.jspf"%>     
        <%@ include file="Error.jspf"%>
</div>
<div id="scrollBody">
<!-- **** BEGIN MESSAGE AREA **** -->
<table border="0" cellspacing="0" cellpadding="0">
</table>
<!-- NOTE: expand/collapse functionality needs to be added to this screen. Tables were used to allow the columns to align.
    This may not be the best approach for the actual implementation.
 -->
<table class="dashboard">
    <COLGROUP class="dashRowLabel" span="1" />
    <COLGROUP class="dashStep1" span="1" />
    <COLGROUP class="dashStep2" span="3" />
    <COLGROUP class="dashStep3" span="4" />
    <COLGROUP class="dashStep4" span="4" />
    <COLGROUP class="dashStep5" span="1" />
    <thead>
        <tr class="stepRow">
            <th>&nbsp;</th>
            <th>${PAGE_TRANSLATION_KEYS['STEP1']}</th>
            <th colspan="3">${PAGE_TRANSLATION_KEYS['STEP2']}</th>
            <th colspan="4">${PAGE_TRANSLATION_KEYS['STEP3']}</th>          
        </tr>
        <TR class="stepLabel">
    <th rowspan=2 class="headerLineName"></th> 
    <th rowspan=2class="stepOne">${PAGE_TRANSLATION_KEYS'ABBR_COE']}</th>
    <th rowspan=2 class="stepTwo">${PAGE_TRANSLATION_KEYS['ABBR_MKT']}</th>
    <th rowspan=2 class="stepTwo">${PAGE_TRANSLATION_KEYS['ABBR_PDC']}</th>
    <th rowspan=2 class="stepTwo">${PAGE_TRANSLATION_KEYS['ABBR_SPO']}</th>
    <th rowspan=2 class="stepOne">${PAGE_TRANSLATION_KEYS['MEETING']}</th>
    <th colspan="3" class="spanLabel">${PAGE_TRANSLATION_KEYS['COMPOSITE_ADJ']}</th>            
        </TR>
        <TR class="stepLabel numeric">
        <th class="termValues">${PAGE_TRANSLATION_KEYS['TERM_SHORT']}</th>
        <th class="termValues">${PAGE_TRANSLATION_KEYS['TERM_MID']}</th>
        <th class="termValues">${PAGE_TRANSLATION_KEYS['TERM_LONG']}</th>           
        </TR>
    </thead>
</table> 

<c:forEach items="${form.sbus}" var="sbu" varStatus="id">
        <DIV class=section>
        <DIV class="title collapsable" id="SBU${sbu.sbuOID}"> ${sbu.sbuName}
            <%@ include file="SbuSummaryIndicators.jspf"%>      
        </DIV>
        <DIV class="content positioning">
    <c:forEach items="${sbu.forecastUnits}" var="forecastUnit" varStatus="forecastid">
            <DIV class=section>
                <DIV class="title collapsable" id="FU${forecastUnit.forecastUnitOID}">${forecastUnit.forecastUnitID}
                <%@ include file="ForecastUnitSummaryIndicators.jspf"%>
                </DIV>
                <DIV class="content factoryPositioning">
    <c:forEach items="${forecastUnit.factories}" var="factory" varStatus="factoryid">
                        <DIV class=section>
                            <DIV class="title collapsed expandableFactory ajaxExpand" id="DR${forecastUnit.forecastUnitOID}_${factory.factoryOID}">(${factory.factoryID}) ${factory.factoryName}
            <%@ include file="FactorySummaryIndicators.jspf"%>                      
            </DIV>
              <DIV class="content">
            </DIV>  
        </DIV>                      
        </c:forEach>
        </DIV>
        </DIV>
        </c:forEach>
        </DIV>
        </DIV>
</c:forEach>

</div>

</html-el:form>
</body>
</html-el:html>

其中包含的一个 jspf 就像 ---

<table> 
    <COLGROUP class="dashRowLabel" span="1" />
    <COLGROUP class="dashStep1" span="1" />
    <COLGROUP class="dashStep2" span="3" />
    <COLGROUP class="dashStep3" span="4" />
    <COLGROUP class="dashStep4" span="4" />
    <COLGROUP class="dashStep5" span="1" />

    <tr class="dashProductLine">
        <td class="productLineName"><html-el:text property="form.sbus[${id.count}].sbuName" styleClass="textSize textColor" readonly="true" value=" "/></td>

        <c:if test="${sbu.sbuSummary.demandPlanning=='0'}">
            <td class="statusWaiting stepOne"></td>
        </c:if>
        <c:if test="${sbu.sbuSummary.demandPlanning=='1'}">
            <td class="statusNotStarted stepOne"></td>
        </c:if>
        <c:if test="${sbu.sbuSummary.demandPlanning=='2'}">
            <td class="statusStarted stepOne"></td>
        </c:if>
<c:if test="${sbu.sbuSummary.demandPlanning=='3' || compositeProcessStatus.demandPlanning=='5'}">
        <td class="statusCompleted stepOne"></td>
        </c:if>

        <c:if test="${sbu.sbuSummary.marketing=='0'}">
            <td class="statusWaiting stepTwo"></td>
        </c:if>
        <c:if test="${sbu.sbuSummary.marketing=='1'}">
            <td class="statusNotStarted stepTwo"></td>
        </c:if>
        <c:if test="${sbu.sbuSummary.marketing=='2'}">
            <td class="statusStarted stepTwo"></td>
        </c:if>
        <c:if test="${sbu.sbuSummary.marketing=='3' || sbu.sbuSummary.marketing=='5'}">
            <td class="statusCompleted stepTwo"></td>
        </c:if>

        <c:if test="${sbu.sbuSummary.analyst=='0'}">
            <td class="statusWaiting stepTwo"></td>
        </c:if>
        <c:if test="${sbu.sbuSummary.analyst=='1'}">
            <td class="statusNotStarted stepTwo"></td>
        </c:if>
        <c:if test="${sbu.sbuSummary.analyst=='2'}">
            <td class="statusStarted stepTwo"></td>
        </c:if>
        <c:if test="${sbu.sbuSummary.analyst=='3' || sbu.sbuSummary.analyst=='5'}">
            <td class="statusCompleted stepTwo"></td>
        </c:if>

        <c:if test="${sbu.sbuSummary.spo=='0'}">
            <td class="statusWaiting stepTwo"></td>
        </c:if>
        <c:if test="${sbu.sbuSummary.spo=='1'}">
            <td class="statusNotStarted stepTwo"></td>
        </c:if>
        <c:if test="${sbu.sbuSummary.spo=='2'}">
            <td class="statusStarted stepTwo"></td>
        </c:if>
        <c:if test="${sbu.sbuSummary.spo=='3' || sbu.sbuSummary.spo=='5'}">
            <td class="statusCompleted stepTwo"></td>
        </c:if>

        <c:if test="${sbu.sbuSummary.meeting=='0'}">
            <td class="statusWaiting stepOne"></td>
        </c:if>
        <c:if test="${sbu.sbuSummary.meeting=='1'}">
            <td class="statusNotStarted stepOne"></td>
        </c:if>
        <c:if test="${sbu.sbuSummary.meeting=='2'}">
            <td class="statusStarted stepOne"></td>
        </c:if>
        <c:if test="${sbu.sbuSummary.meeting=='3' || sbu.sbuSummary.meeting=='5'}">
            <td class="statusCompleted stepOne"></td>
        </c:if>

        <TD class="numeric termValues"><c:if test="${sbu.sbuSummary.shortCompositeAmount != '0'}" >${sbu.sbuSummary.shortCompositeAmount}</c:if></TD>
        <TD class="numeric termValues"><c:if test="${sbu.sbuSummary.midCompositeAmount != '0'}" >${sbu.sbuSummary.midCompositeAmount}</c:if></TD>
        <TD class="numeric termValues"><c:if test="${sbu.sbuSummary.longCompositeAmount != '0'}" >${sbu.sbuSummary.longCompositeAmount}</c:if></TD>
    </tr>
</table>

虽然它工作的jsp就像----

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>  
<%response.setHeader("Pragma", "No-cache");response.setHeader("Cache-Control", "no-cache");response.setDateHeader("Expires", 0);%>
<link rel="stylesheet" href="css/pages/dashboard.css" type="text/css">
<%@ include file="Error.jspf"%> 
<table class="dashboard">
    <c:forEach items="${viewDashboardForm.compositeProcessStatusList}" var="compositeProcessStatus">
        <tr class="dashProductLine">
                    <td class="name viewDashboard">${compositeProcessStatus.productLineName}</td>

            <c:if test="${compositeProcessStatus.demandPlanning=='0'}">
                <td class="statusWaiting stepOne"></td>
                    </c:if>
            <c:if test="${compositeProcessStatus.demandPlanning=='1'}">
            <td class="statusNotStarted stepOne"></td>
                    </c:if>
            <c:if test="${compositeProcessStatus.demandPlanning=='2'}">
            <td class="statusStarted stepOne"></td>
                    </c:if>
            <c:if test="${compositeProcessStatus.demandPlanning=='3' ||  compositeProcessStatus.demandPlanning=='5'}">
            <td class="statusCompleted stepOne"></td>
            </c:if>

            <c:if test="${compositeProcessStatus.marketing=='0'}">
            <td class="statusWaiting stepTwo"></td>
                    </c:if>
            <c:if test="${compositeProcessStatus.marketing=='1'}">
            <td class="statusNotStarted stepTwo"></td>
            </c:if>
            <c:if test="${compositeProcessStatus.marketing=='2'}">
            <td class="statusStarted stepTwo"></td>
            </c:if>
            <c:if test="${compositeProcessStatus.marketing=='3' || compositeProcessStatus.marketing=='5'}">
            <td class="statusCompleted stepTwo"></td>
            </c:if>

            <c:if test="${compositeProcessStatus.analyst=='0'}">
            <td class="statusWaiting stepTwo"></td>
            </c:if>
            <c:if test="${compositeProcessStatus.analyst=='1'}">
            <td class="statusNotStarted stepTwo"></td>
            </c:if>
            <c:if test="${compositeProcessStatus.analyst=='2'}">
            <td class="statusStarted stepTwo"></td>
            </c:if>
            <c:if test="${compositeProcessStatus.analyst=='3' || compositeProcessStatus.analyst=='5'}">
            <td class="statusCompleted stepTwo"></td>
            </c:if>

            <c:if test="${compositeProcessStatus.spo=='0'}">
            <td class="statusWaiting stepTwo"></td>
            </c:if>
            <c:if test="${compositeProcessStatus.spo=='1'}">
            <td class="statusNotStarted stepTwo"></td>
            </c:if>
            <c:if test="${compositeProcessStatus.spo=='2'}">
            <td class="statusStarted stepTwo"></td>
            </c:if>
            <c:if test="${compositeProcessStatus.spo=='3' || compositeProcessStatus.spo=='5'}">
            <td class="statusCompleted stepTwo"></td>
            </c:if>

            <c:if test="${compositeProcessStatus.meeting=='0'}">
            <td class="statusWaiting stepOne"></td>
            </c:if>
            <c:if test="${compositeProcessStatus.meeting=='1'}">
            <td class="statusNotStarted stepOne"></td>
            </c:if>
            <c:if test="${compositeProcessStatus.meeting=='2'}">
            <td class="statusStarted stepOne"></td>
            </c:if>
            <c:if test="${compositeProcessStatus.meeting=='3' || compositeProcessStatus.meeting=='5'}">
            <td class="statusCompleted stepOne"></td>
            </c:if>

            <TD class="numeric termValues"><c:if test="${compositeProcessStatus.shortCompositeAmount != '0'}" >${compositeProcessStatus.shortCompositeAmount}</c:if></TD>
            <TD class="numeric termValues"><c:if test="${compositeProcessStatus.midCompositeAmount != '0'}" >${compositeProcessStatus.midCompositeAmount}</c:if></TD>
                <TD class="numeric termValues"><c:if test="${compositeProcessStatus.longCompositeAmount != '0'}" >${compositeProcessStatus.longCompositeAmount}</c:if></TD>             
        </tr>
    </c:forEach>
</table>

未应用的样式是在标题字段中应用的 termValues在包含其他文件和包含文件的 jsp 中，它正在工作包含 jsp 但不在 jsp 中，包括所有其他的，也不在包含的 jspfs 中。

风格是

.termValues{
    width: 6em;
    text-align: right;
}

最佳答案

尝试将表格布局设置为固定布局。这通常可以解决我遇到的列未排列的任何问题。

table
{
     table-layout:fixed;
}

关于java - 右对齐属性在为 tds 提供宽度时不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/1388781/

文章推荐： ios - 游戏中心 : Player Groups

文章推荐： javascript - Bootstrap 4 - 当我点击其中的选项卡时下拉消失

文章推荐： html - 浏览器什么时候在内联元素中渲染空格？

c - +<右> 与 <右>？
我想知道最终用户按下了什么，所以我使用了 getch() 。如果用户按右，我可以获得0xE0 0x4D。如果用户按下Ctrl+右，我可以获得0xE0 0x47。如果用户按下Shift+右，我可以
javascript - 如何启用谷歌地图 Controller (右，右..等箭头)
我已经构建了一个应用程序来搜索我的位置。这是代码 var map; var gdir; var geocoder = null; var addressMarker; function init
html - 3 个元素的对齐方式(左、右 1、右 2)
我想为我的元素设计布局 View 。布局 View 在左 Angular 和右 Angular (同一行)有一个图像，将有 2 行单词，一行在第 1 行，另一行在第 2 行。我该如何实现？ It
graphviz - Graphviz 中的左->右、下、右->左、下、左->右布局
我有一个很长的线性(分支不多)流程图，在 graphviz 中显示为要么太高而无法放在单个页面上，要么太宽(如果方向是从左到右) 是否有一种简单的方法可以让 graphviz 以从左到右，然后向下，然
responsive-design - 3 列(左、主、右)站点，但较小的设备首先是主(主、左、右)
我一直摸不着头脑，但运气不好。设计器有一个包含 3 栏的站点、两个侧边栏和一个主要内容区域。专为桌面设计，左栏、主要内容、右栏。但是，在较小的设备上，我们希望首先堆叠主要内容。所以通常情况下，你可
html - 使用 CSS 的上-下-左-右-上-左-右-上-下内容流
我想要从上到下和从左到右组织的 css block 。为了更好地解释这是一张图片，其中包含我到目前为止所获得的内容以及我希望使用 CSS 实现的内容: 代码如下: HTML: 1 2 3 4 5
haskell - 如果“任一个”可以是“左”或“右”，但不能同时是“左”或“右”，那么为什么在Curry-Howard对应中它对应于OR而不是XOR？
当我问this question时，答案之一(现已删除)建议Either类型对应Curry-Howard correspondence中的XOR而不是OR，因为它不能同时是Left和Right。真相
右 |多列的条件变异
如果一行中六个观察值中至少有三个是 != NA，我想计算该行的平均值。如果存在四个或更多 NA，则平均值应显示为 NA。给出平均值的例子，忽略了 NA: require(dplyr) a % mut
r - 如何创建每行库存的二进制矩阵？ (右)
我有一个由 9 列组成的数据框，其中包含一个因素 list 。每行可以填充所有 9 列(因为在该行中包含 9 个“事物”)，但大多数没有(大多数有 3-4 个)。列也不是特定的，就像第 1 列和第 3
r - 在循环中创建变量和数据集？ (右)
这是我第一次尝试使用 R 构建函数。基本上我的预期目标如下。使用 RoogleVision 包与 Google Cloud Vision API 通信函数遍历目录中的图片从每张图片的 Googl
右(或左)边修剪平均值
使用: mean (x, trim=0.05) 从分布的每一侧移除 2.5%，这对于对称的双尾数据来说很好。但是如果我有一个尾部或高度不对称的数据，我希望能够只删除分布的一侧。有没有这个功能，还是我自
r - 保留具有不同名称的重复列。右
我想保留重复的列，并删除唯一的列。这些列将具有相同的值，但名称不同。 x1 = rnorm(1:10) x2 = rnorm(1:10) x3 = x1 x4 = rnorm(1:10) x5 = x
wpf - WPF工具栏项目HorizontalAligment =“右”
是否可以使WPF工具栏中的元素的Right水平对齐方式正确？我尝试将内部元素添加到Grid中，并将ColumnDefinition分配给Left / Right。我
r - DT包中如何居中列？右
datatable(head(iris)) 如何将我的列居中，使其位于我的列名称的正下方？最佳答案您可以使用options 下的columnDefs 自变量。将 className 设置为 dt-
r - 使用粘贴来组合字母或循环。右
我是 R 的新手，但我正在尝试在 R 中制作滑动窗口。使用循环我可以像这样，但这变得非常低效。 results=c(1:7) letters=c("A","B","C","D","E","F","G
r - 在文本文件中的特定行之间粘贴文本？ (右)
假设我有这个 .txt 文件: here is line 1 here is line 2 here is line 3 here is line 4 我想将此字符串粘贴到第 3 行和第 4 行之间:
r - 在文本文件中的特定行之间粘贴文本？ (右)
假设我有这个 .txt 文件: here is line 1 here is line 2 here is line 3 here is line 4 我想将此字符串粘贴到第 3 行和第 4 行之间:
class - 环境中有什么类别的对象？ (右)
我想知道我的环境中有什么类型的对象。我可以像这样显示谁在那里: ls() 但是运行类似的东西 sapply(ls(), class) (显然)不会告诉我们我们拥有什么类型(类)的对象(函数、数字、因
r - 绘制带有悬挂叶子的水平树状图？ (右)
我想创建一个带有水平标签的树状图，但让叶子根据它们的高度悬挂，而不是仅仅下降到图的边缘。例子: par(mfrow = c(1,2)) hc <- hclust(dist(USArrests), "
html - 如何在CSS中实现最小左/右
我的 CSS 中有一个元素，如下所示 .xyz{ position:absolute; left:50%; } 现在正如预期的那样，当我减小浏览器窗口的宽度时，这个元素向左移动

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

java - 右对齐属性在为 tds 提供宽度时不起作用