如何压缩内容以使它们适合DIV

Question

在我的webApp中，我从xml收到以下内容

<XMLNode>
      <b><font color='#2C5E87' size='13pt'>blah blah</font></b>
      <br>
      </textformat>
      <textformat blockindent='-15'>
      <li>blah</li>


      <b><font color='#2C5E87' size='13pt'>blah blah blah</font></b>
      <br>
      </textformat>
      <textformat blockindent='-15'>
      <li>blah blah</li>

      </textformat>
      <b><font color='#2C5E87' size='13pt'>blah blah blah</font></b>
      <br>
      <textformat leading='-1'>
      <p>blah blah blah blah blah blah </p>
      </textformat>
    </XMLNode>

现在我想在一个固定大小的Div中显示<XMLNode></XMLNode>内的内容我的javaScript代码是

var temp = $(xml).find("XMLNode").text();
$("#DIV_ID").html(temp);

从理论上讲应该可以，但是Text很大，无法放入我的DIV中。

我的Div的CSS是

#DIV_ID
{
    position:absolute;
    top:10px;
    height:200px;
    width:250px;
    top:32px;
    overflow:hidden;
}

这有什么问题？ 我怎么能压缩文本以适应那个DIV。 我目前正在尝试IE8

Answer 1

你的HTML中有很多奇怪的东西：

<XMLNode>
      <b><font color='#2C5E87' size='13pt'>blah blah</font></b>
      <br>
      </textformat>
      ...

所以你关闭了</textformat>但你没有打开它..？

而且我不知道您使用的是哪种文档类型，但是HTML 4.01中不推荐使用<font>元素。 你为什么要用呢？ 你的XMLNode中的内容非常糟糕。

例如，你也有<li>blah</li> 。 但是您的listitem不包含在（un）有序列表中，例如：

<ul>
   <li>blah</li>
</ul>

那么为什么不用简单但有效的<p>标签替换所有html，而<strong>代替<b>这样你就可以在CSS中轻松控制它。

该HTML只是要求被错误解释。 所以清理它会解决所有问题。

像这样：

<XMLNode>
      <p class="strong">blah blah</p>
      <ul>
          <li>blah</li>
      </ul>

      <p class="strong">blah blah blah</p>
      <ul>
          <li>blah blah</li> 
      </ul>

      <p class="strong">blah blah blah</p>
      <p>blah blah blah blah blah blah</p>
</XMLNode>

CSS：

#div_id {
    position:absolute;
    top:10px;
    height:200px;
    width:250px;
    top:32px;
    overflow:hidden;
}

p {
    color: #2C5E87;
    font-size: 14px;
}

p.strong {
    font-weight: bold;
}

Answer 2

关于字体 size属性：

此属性将字体大小指定为数字值或相对值。 数值范围从1到7，其中1表示最小值，3表示默认值。 可以使用相对值来定义它，例如+2或-3，将其相对于元素的size属性的值进行设置，或者相对于默认值3（如果不存在的话）进行设置。

不允许pt或px值。

另外，您应该从同一页面阅读以下有关font-tag的信息：

不要使用这个元素！ 虽然曾经在HTML 3.2中进行了规范化，但它在HTML 4.01中被弃用，同时所有与样式相关的元素都被弃用，然后在HTML 5中被淘汰。

使用CSS定义font-size，例如：

font-size: 10px;

Answer 3

你尝试过使用px而不是pt吗？ 所以size='13px' ， pt用于打印，不应用于屏幕字体大小。

Answer 4

在CSS中制作新的CSS规则：

#DIV_ID b font {font-size: 10px !important;}