ホームページ > 記事 > ウェブフロントエンド > テーブル内のセルの幅を完全に制御する方法。command_html/css_WEB-ITnose なしでは変更できません。
テーブル内のセルの幅を完全に制御する方法。command_html/css_WEB-ITnose なしでは変更できません。
- 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 までご連絡ください。