Question

我有以下代码不适合整个页面。该行从CPU开始：usr = 0.89％是该行无法正确拟合。

以CPU开头的行必须包含橙色背景。

这段代码是由python生成的，我需要更改以python脚本解决此问题。

在修复python代码之前。我需要手动修复html本身。

谁能帮助我。

<sectionGroup name="oracle.manageddataaccess.client" type="OracleInternal.Common.ODPMSectionHandler, Oracle.ManagedDataAccess, Version=4.122.1.0, Culture=neutral, PublicKeyToken=89b483f429c47342" />

Answer 1

设置colspan="5"。

您有5列：

<tr>
  <td>Name</td>
  <td>First Name</td>
  <td> Last Name</td>
  <td> Work</td>
  <td> Percentages</td>
</tr>

因此您必须在

上设置colspan="5"

<th class="main_head" colspan="5">

Answer 2

        <!DOCTYPE html>
        <html>

        <style>
        p {
            font-family : Calibri;
            font-size: 14px;
            font-weight: bolder;
            text-align : left;
        }

        p.fade {
            color : #CCCCCC;
            font-size: 14px;
        }
        em  {
            font-style : italic ;
            font-size : 16px;
            font-weight: lighter ;
        }
        em.pass {
            font-style : italic ;
            font-size : 16px;
            color: green ;
        }
        em.fail {
            font-style : italic ;
            font-size : 16px;
            color: red ;
        }

        a {
            text-decoration: none;
        }
        a:hover {
            text-decoration: underline;
        }

        hr {
            align: left ;
            margin-left: 0px ;
            width: 500px;
            height:1px;
        }

        table {
            border-collapse: collapse;
        }

        .main_head{
            background-color: orange;
            border: none;
            align: left ;
            margin-left: 0px ;
            width: 2000px;
            white-space: nowrap;
        }

        tr {
            padding: 4px;
            text-align: center;
            border-right:2px solid #FFFFFF;
        }
        tr[data-type="QA"] { color: #ff0000 !important; }
        tr:nth-child(even){background-color: #f2f2f2}
        th {
            background-color: #cceeff;
            color: black;
            padding: 4px;
            border-right:2px solid #FFFFFF;
            
        }


        </style>

        <body>
            <table>
<table>
<tr data-type="QA">
<td style='color:BlueViolet'>Details: TEST HTML  </td>
</tr>
</table>
<table>
<th class="main_head" colspan="5"> CPU: usr=0.89%   sys=3.38% |ssssssssssssssssssssssssssssssss ------hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh---------------------------------------------------------------------------------------</th>
<tr>
</tr>
<tr>
<td>Name</td>
<td>First Name</td>
<td> Last Name </td>
<td> Work </td>
<td> Percentages</td>
</tr>

Answer 3

只需在CSS中添加以下代码即可。

body {
    margin: 0;
}

当前，您没有任何CSS重置，这就是为什么在启动项目之前必须手动添加CSS重置代码的原因。选中https://necolas.github.io/normalize.css/

HTML不适合整个页面

3 个答案: