ホームページ  >  記事  >  ウェブフロントエンド  >  テーブル内のセルの幅を完全に制御する方法。command_html/css_WEB-ITnose なしでは変更できません。

テーブル内のセルの幅を完全に制御する方法。command_html/css_WEB-ITnose なしでは変更できません。

WBOY
WBOYオリジナル
2016-06-21 09:43:281787ブラウズ

テーブルのセル幅

私のテーブルでは、セルの幅は width= 数値またはパーセンテージで指定されています。空のテーブルは見栄えが良く、希望する長さです。
しかし、通常、フォームを作ると必ず記入しなければならないのですが、記入した後はフォームがめちゃくちゃになってしまいます。あるセルを追加する際、幅を20に定義しました。その結果、そこに入力された文字の実際の幅は50に達しました。すると、セルは幅50に「引き伸ばされ」、同時に他のセルも拡張されました。細胞が圧縮されていました!
達成したい効果は、セルの幅を定義した後は、データの幅がセルの幅より大きい場合は幅を変更できないことです。データはそれ自体を調整するだけです。なぜ他人に迷惑をかけるのでしょうか?

ディスカッションへの返信(解決策)

table-layout:fixed

<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>    <title></title>        <style type="text/css">        table {            border-collapse:collapse;            width:600px;        }        td {            border:1px solid #ccc;            width:200px;        }          </style></head><body>    <table>        <tr>            <td>文件</td>            <td>据台媒报道,台湾渔民遭菲律宾公务船开枪扫射身亡。而后,菲律宾总统府发言人华尔地出面开记者会,还笑着回答相关问题。此前台湾方面曾表示,如菲律宾总统府如再轻佻回应须付出代价。</td>            <td></td>        </tr>        <tr>            <td>马英九探视遇害船员家属:决不善罢甘休</td><td>工具</td><td>台湾法务部门:菲射杀台湾渔民枪支或由美国制造</td>        </tr>    </table></body></html>


ご指摘のような状況はございません。

KK3K2005 が言ったことは役に立ちましたが、それは完了しませんでした。それは一定幅の問題を解決しただけで、自動行折り返しの問題は解決しませんでした。

u010286221 さん、コードに問題はありません。CSS で各 TD を 200PX に設定していることが関係している可能性があります。 HTML コードの各 TD の後に WIDTH= を追加すると、それがわかります。

この問題の完全な解決策となる情報をインターネットで探しました。
http://www.w3school.com.cn/css/pr_tab_table-layout.asp
http://www.blueidea. com/tech/web/2006/3469.asp
http://homepage.yesky.com/207/7707707.shtml

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。