8

ありますhtml table：

<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td width="480px"  class="societe" ><div style="float:left;font-size:12px;padding-top:2px" ><?php echo $_SESSION[PROJET_REF] ?> - [<?php echo $_SESSION[MANUEL_REF] ?>]</div>
      </td>
   </tr>
   ...
</table>

「css社会」は：

.societe{

    text-align:left;
    padding-left:23px;
    font-size:11px;
    font-weight:bold;

    background: url(../include/images/societe.png) repeat-x;

    }

column定義：<td width="480px" class="societe" >列の幅を480pxにハードコーディングしました。それをするのはあまり良くありません！では、列のテキスト幅に合わせて幅を動的に作成するにはどうすればよいでしょうか。ここにテキストがあり<?php echo $_SESSION[PROJET_REF] ?> - [<?php echo $_SESSION[MANUEL_REF] ?>ます。

4

3 に答える 3

5

テキストに応じて幅をtd動的に変更する場合は、td要素に事前定義された幅を指定しないでください。

この例では、最初のテキストに長いテキストが含まれていることがわかります。したがって、同じ列内のすべての'は、同じ列内の最長に応じて幅が設定されます。tdtdtd

結局、それはユーザーエクスペリエンスに要約されます。tdユーザーは、さまざまな幅のを好むでしょうか、それともtd、長さがの幅よりも大きい場合にツールチップが完全なテキストを表示する、同じ寸法のを好むでしょうかtd。それ、私の友人は、あなたがしなければならない選択です:)

于 2012-06-11T05:54:01.087 に答える
1

たとえば、divがあります

<div  id="text" style="float:left;font-size:12px;padding-top:2px" ><?php echo $_SESSION[PROJET_REF] ?> - [<?php echo $_SESSION[MANUEL_REF] ?>]</div>

これで、intの文字の値を取得し、特定の文字をいくつ追加するかによって異なります。

if($("#text").text().length<=100)
{
   $('.societe').attr("width", "480px");
}
if($("#text").text().length<=200)
{
   $('.societe').attr("width", "580px");
}

使用したいメジャーに応じてなど

于 2012-06-11T05:52:58.297 に答える
0

w3school 使用width:auto。私は（Bootstrap 3ライブラリを使用して）自分の目的のためにそれを理解しようとしてきましたが、それは私にとってはうまくいきました。

于 2013-12-22T00:42:53.427 に答える