1

3つのtd要素を持つtr要素があります。最初と最後のtdには画像が含まれ、中央のtdにはテキストが含まれます。中央のtdの高さは、1番目と3番目のtdの画像の高さの影響を受けます。中央のtdが常に1番目と3番目よりも小さい固定高さになるようにコーディングするにはどうすればよいですか。または、質問をする別の方法は、各tdのコンテンツの高さが兄弟のtdに影響を与えないように、どのようにコーディングするかです。HTMLメールのラップアラウンド効果のあるリボンを作成しようとしています。

CSSで中央のtdに高さを設定しても機能しませんでした。 

 <table align="center" style="width:740px;" border="0" cellpadding="0" cellspacing="0">

    <tr>
          <td>
          <img style="border:none;" src="imageAlt2/sliceLeft.png" /></td>


      <td style=" background:#0082c8; color:#fff; padding:20px 50px;">"The amount of time it has saved us is pretty much immeasurable" </td>

            <td><img style="border:none;" src="imageAlt2/sliceRight.png" /></td>
    </tr>
  </table>

下の画面では、中​​央と3番目のtdが表示されます。中央のtdの高さは、3番目のtdの画像の高さの影響を受けます。明らかに、3D効果を得るには、中央のtdの高さを短くする必要があります。

ここに画像の説明を入力してください

4

2 に答える 2

1

CSSを使用してtdの高さを指定するのは、高さがimgの高さよりも大きい場合にのみ機能します（つまり、tdをimgより小さくすることはできません）。これは、テーブルが機能する方法です。

于 2012-09-07T17:37:03.430 に答える
0

CSS overflow（またはoverflow-y）プロパティを試しましたか？

overflow: hidden;
height: 50px;

あなたも必要かもしれないように見えtable-layout: fixedます。

于 2012-09-07T17:38:16.697 に答える