-5

文字数が制限されているデータベースフィールドに入る次のコードがあります。

<p class="Summary-heading"> Description</p>
<p> Outer: 100% Nylon</p>
<p> Body lining: 100% Polyester Micro fleece</p>
<p> Sleeve lining: 100% Polyester</p>
<p> Contrast panel jacket with piping</p>
<p> Concealed hood</p>
<p>&nbsp; </p>
<p class="Summary-heading"> Standard Decoration Area(s)</p>
<p> Front, back, chest (both sides)</p>
<p>&nbsp; </p>
<table width: 100%border="0" cellspacing="0" cellpadding="0" class="table_icons">
  <tbody>
    <tr>
      <td style="width: 32px; padding-right: 5px; vertical-align: middle;"><img alt=""src="/Portals/0/i/embroidery.png" /></td>
      <td style="width: 32px; padding-right: 5px; vertical-align: middle "><img alt=""src="/Portals/0/i/screenprint.png" /></td>
      <td style="width: 32px; padding-right: 5px; vertical-align: middle"><img alt="" src="/Portals/0/i/heatapplieddecal.png" /></td>
      <td style="width: 32px; padding-right: 5px; vertical-align: middle"><img alt="" src="/Portals/0/i/waterresistant.png" /></td>
          <td style="width: 32px; padding-right: 5px; vertical-align: middle"><img alt="" src="/Portals/0/i/windresistant.png" /></td>
        </td>
    </tr>
  </tbody>
</table>

その結果、コードを短くする必要があります。どんな提案でも大歓迎です。

4

4 に答える 4

0

スタイルをスタイルシートに移動してみてください。これにより、コードを記述する時間も大幅に節約できます。次のようになります。

<p> Outer: 100% Nylon</p>
<p> Body lining: 100% Polyester Micro fleece</p>
<p> Sleeve lining: 100% Polyester</p>
<p> Contrast panel jacket with piping</p>
<p> Concealed hood</p>
<p>&nbsp; </p>
<p class="Summary-heading"> Standard Decoration Area(s)</p>
<p> Front, back, chest (both sides)</p>
<p>&nbsp; </p>
<table class="master-table">
  <tbody>
    <tr>
      <td class="row"><img alt=""src="/Portals/0/i/embroidery.png" /></td>
      <td class="row"><img alt=""src="/Portals/0/i/screenprint.png" /></td>
      <td class="row"><img alt="" src="/Portals/0/i/heatapplieddecal.png" /></td>
      <td class="row"><img alt="" src="/Portals/0/i/waterresistant.png" /></td>
      <td class="row"><img alt="" src="/Portals/0/i/windresistant.png" /></td>
    </tr>
  </tbody>
</table>

このスタイルシートで

.master-table{
width: 100%;
border="0"; 
cellspacing="0"; 
cellpadding="0";
}

.row{
width: 32px; 
padding-right: 5px; 
vertical-align: middle;
}
于 2013-07-30T12:02:14.370 に答える