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 - 浏览器什么时候在内联元素中渲染空格？

html - 在不创建空 tds 的情况下在表内居中对齐 tds？
我有一张 table ，我想要 2 个 tds 像这样居中** 你好 | World ** 前后不加空tds？我有这样的东西可以正常工作，但我不想添加额外的 tds 并以相同的方式进行操作
Sitecore TDS 代码生成错误
我正在尝试按照 GlassTutorial24 从 TDS 代码生成中生成代码TDS 版本:5.1.0.3，visual studio 2012。生成的类只有“ErrorGeneratingOutp
Sitecore TDS 找不到站点上下文
我已经在 Sitecore 中使用 TDS 一段时间了，但我的一个网站在尝试同步时刚刚开始出现“找不到网站上下文”错误。有谁知道这是什么原因造成的吗？该站点是 Sitecore 8，我使用的 TDS
Sitecore TDS 包构建突然失败
我有一个包含一个 Web 项目和两个 TDS 项目的解决方案。从今天开始，TDS 包构建突然失败，尽管我没有对项目进行任何更改。这是输出消息: 1>------ Rebuild All started
html - 如何相互独立地扩展 tds？
我必须为(部分)作业执行此操作。我个人永远不会使用这样的表格，如果可以选择，我总是会使用 div，但我必须使用表格进行分配。这是我需要重新创建的一个非常简化的版本: 但这是我能做的最好的: tds
javascript - tds 中的内联编辑
我有以下代码来启用 td 单元格的内联编辑: $('.edit_td').click(function(e) { e.stopPropagation(); resetEditedCel
html - tds 中圆圈之间的车道
我如何在这些圆圈之间放置车道，我一直在谷歌搜索，但我没有看到最简单的方法， .table_1 { tr { color: #000000; font-size: 20px;
html - TDs 背景颜色在打印预览中不可见
我有这样的td: 在浏览器中，它应用了红色背景色，但当我看到它的打印预览时，背景中没有红色。字体颜色也是白色，但在打印预览时也会转换为白色。谁知道可能是什么原因？谢谢最佳答案要使 WebKi
sitecore - TDS 同步环境之间的站点核心成员资格和安全性，为每个环境指定部署的项目
关闭。这个问题需要更多focused .它目前不接受答案。想改善这个问题吗？更新问题，使其仅关注一个问题 editing this post . 6年前关闭。 Improve this questi
c# - 错误的目标生成包 TDS Sitecore
我有一个 TDS 项目文件。当我构建时，它将生成 sitecore 包项来构建输出路径。但是，它将包创建到错误的文件夹目录。在项目属性中，我将构建输出路径设置为 ......\Build\Deplo
sitecore - 构建 TDS 项目时出现无效许可证异常
我们正在运行 Sitecore 6.5 和一些 TDS 项目，并且我一直在尝试让 TFS 构建在我们的 TFS 构建服务器上运行。当项目尝试构建时，我们收到以下错误: C:\Program Files
FreeTDS 不使用配置的 tds 版本
freetds v0.91 - tds 版本不匹配我想在 Ubuntu 14.04 上使用 FreeBSD 连接到 Windows SQL Server。 FreeTDS 是使用 apt-get 安
JQuery - 从找到的类之后开始迭代 tds 的子集
我正在寻找一种更jquery/更干净的方法，以便能够选择所有td.some-class，并能够从“selected”开始并应用一些以便随后的tds . A B C
javascript - 如何从 tds 添加多个字符串？
我正在尝试添加多个美元金额的字符串。我从 parseFloat 进行转换时得到 NaN，但我删除了美元符号和所有逗号。有什么建议吗？我尝试简单地添加它们而不使用parseFloat，但我只得到一个连
javascript - 获取表中 tds 的值
好的，你怎么能在我的 fiddle 中看到我试图操纵左表，所以最后它看起来像右边的表:http://jsfiddle.net/SULK3/2/ 为此，我首先尝试通过它们获取 td 循环的值，并查找日期
javascript - 如何使用它的 tds 动态生成表行？
我有一个这样的表: .... 377 391 .... 386 396 ... 322 314
HTML 表格在容器内时不符合 tds 的宽度
即使我明确设置了宽度: bla1 bla2 bla3 我的表格随机宽度为 183 像素。如何在不明确设置的情况下使表格获得 600px 宽度？我认为用 td 指定宽度就足够了。注意我想将它
java - 右对齐属性在为 tds 提供宽度时不起作用
我有一个 jsp 和一些 jspf，我希望其中的短期、长期字段以及标题右对齐，但是一旦我删除宽度属性，它就无法工作从我的样式右对齐开始工作。尽管样式在其中一种中有效jsp，但无法使用包含所有其他 js
html - 左对齐 tds 中的居中文本
我有一个显示在表格中的报告，tds 中的文本必须居中但左对齐，我该如何实现？最佳答案您可以将文本包含在 div 中并将其置于 td 中，如下所示: HTML left justified tex
html - 垂直对齐两个相邻 tds 的文本
我有一个表，每行有两个 tds。我已经注意到，如果我想换行文本，则对面 td 内的文本不会与其垂直对齐。带有换行符的 td 到达单元格的顶部，另一个保持与中心垂直对齐。什么是最有效的解决方案来保持两个

行者123

个人简介

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

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

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