Question

我请求您的帮助是因为我有一个问题，因为我需要css对齐文本，并且除此以外，div内的文本必须占据div的所有内容而不能留空格，如果字符之间的空格有可能增长以占据div的所有内容，则该内容与display: flex; justify-content: space-around;

非常相似

理想的结果是，如果您保留任何空格，则文本将占据所有div，请查看最后一行，应根据字符之间的空格进行调整以填充方框。蓝色的线没有任何关联。

<html>

<head>
  <title> InfoShop </title>
  <style type="text/css">
    @page {
      margin-left: 25pt;
      margin-top: 15pt;
    }
    
    body {
      font: 6pt Verdana, Arial, Helvetica, sans-serif
    }
    
    .Arial05 {
      font: 5pt Arial
    }
    
    .Arial07 {
      font: 7pt Arial
    }
    
    div {
      text-align: justify;
      text-justify: inter-word;
    }
    
    a {
      color: blue;
      font: 6pt Arial
    }
  </style>
</head>

<body>
  <table width="730" align="CENTER" border="1" cellspacing="0" cellpadding="0">
    <tbody>
      <tr>
        <td align="left" valign="top">
          <font class="Arial05">
            <a title="Additional text"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Eaque a harum ducimus fugiat aspernatur
                                        vero alias dolorem maiores, sapiente odit itaque. Cupiditate quod laboriosam nemo fugit minima
                                        minus suscipit necessitatibus. </a>
          </font>
          <font class="Arial07">
            <div>
              Lorem ipsum pain sit amet consectetur adipisicing elit. Eaque a harum ducimus fugiat aspernatur vero aka dolorem maiores, sapiente odit itaque. Cupiditate quod laboriosam nemo fugit minima minus suscipit necessitatibus. Lorem ipsum dolor sit amet consectetur
              adipisicing elit. Eaque a harum ducimus fugiat aspernatur vero aka dolorem maiores, sapiente odit itaque. Cupiditate quod laboriosam nemo fugit minima minus suscipit necessitatibus. Lorem ipsum pain sit amet consectetur adipisicing elit.
              Eaque a harum ducimus fugiat aspernatur vero aka dolorem maiores, sapiente odit itaque. Cupiditate quod laboriosam nemo fugit
            </div>
          </font>
        </td>
      </tr>
    </tbody>
  </table>
</body>
</html>

对齐CSS文本并增加字符之间的间距

0 个答案: