Question

所以我正在写这个房地产网站，我有一个页面，每个属性的名称，图片，描述等。它全都在一张有几排的桌子里面。我的问题在于描述。它从我的SQL数据库中获取描述并将其发布到表中，但它看起来很奇怪。

正如您在此图片中看到的那样，它会离开页面和表格。但是使用相同的设置和我之前添加的页面中的另一个页面

文字看起来很好。可能是什么问题？

 <table  width="100%"  border="0" cellpadding="15"  cellspacing="0">
 <tr>
 <td valign="top" width="19%"><img src="images/<?php echo $id; ?>/pic1.jpg" 
 width="210" height="152" alt="<?php echo $product_name; ?>" /></td>
 <td valign="top" width="81%" ><h3>Име: <?php echo $product_name; ?></h3>
 <p>Price: <?php echo $price ;  ?> лв.<br />
 <p>Hood: <?php echo $kvartal; ?> </p>  
 <p>Тype: <?php echo $tip; ?> </p>  
 <p>buy/sell: <?php echo $kakvo; ?> </p> 
 Описание:   <?php  echo $details ; ?></p>
</table>

Answer 1

首先，您缺少一些HTML标记的打开和关闭。我添加了它们并格式化了一些代码。

<table  width="100%"  border="0" cellpadding="15"  cellspacing="0">
  <tr>
    <td valign="top" width="19%">
      <img src="images/<?php echo $id; ?>/pic1.jpg" width="210" height="152" alt="<?php echo $product_name; ?>" />
    </td>
    <td valign="top" width="81%" >
      <h3>Име: <?php echo $product_name; ?></h3>
      <p>Price: <?php echo $price ;  ?> лв.</p>
      <p>Hood: <?php echo $kvartal; ?> </p>  
      <p>Тype: <?php echo $tip; ?> </p>  
      <p>buy/sell: <?php echo $kakvo; ?> </p> 
      <p>Описание:   <?php  echo $details ; ?></p>
    </td>
  </tr>
</table>

现在，您的问题似乎与字符串相关，字符串长于列的大小。默认情况下，单词保持完整，因此它们在布局中看起来很奇怪。

要解决此问题，您需要将p元素的word-wrap属性设置为break-word，您可以在样式表中添加规则。

p {word-wrap：break-word; }

或者，如果您没有使用样式表（羞辱您），请将此规则添加到范围style标记中，如下所示：

<div>
  <style type="text/css" scoped>
     p { word-wrap: break-word; }
  </style>

  <table  width="100%"  border="0" cellpadding="15"  cellspacing="0">
    <tr>
      <td valign="top" width="19%">
        <img src="images/<?php echo $id; ?>/pic1.jpg" width="210" height="152" alt="<?php echo $product_name; ?>" />
      </td>
      <td valign="top" width="81%" >
        <h3>Име: <?php echo $product_name; ?></h3>
        <p>Price: <?php echo $price ;  ?> лв.</p>
        <p>Hood: <?php echo $kvartal; ?> </p>  
        <p>Тype: <?php echo $tip; ?> </p>  
        <p>buy/sell: <?php echo $kakvo; ?> </p> 
        <p>Описание:   <?php  echo $details ; ?></p>
      </td>
    </tr>
  </table>
</div>

html表中的PHP描述

1 个答案: