问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

table-layout:fixed; 无法生效

头像
luis_581162fd8e9b7
    311
    新手上路，请多包涵

    以下是所借到的书中提供的代码，如下：

          <html>
   <head>
     <title>限制单元格大小</title>
   <style type="text/css"> 
   table.1  { table-layout : fixed;
          }
   </style>
   </head>
   <body>
   <table border="2" id="1">
     <tr>
       <td width="100" >页面文本1</td>
       <td width="100" >页面文本2</td>
     </tr>
     <tr>
       <td >nhhjgddkhg，hvkjfkfkfkjfkhtdidtkhgdkhgkhgdkhgdkhgckhg</td>
       <td ></td>
     </tr>
   </body>
      </html>

    table-layout:fixed;
    即便是添加了，第一行的“页面文本1”所在的单元格，仍然会被下放的长字符串单元格拉长。

    系统osx 10.10 ，在safari 和firefox中都是过了，没有效果。
    初学者。

    htmlcss
    阅读 4.3k
    1 个回答
    得票最新
    头像
    Hanger
      649126897

      id不能用纯数字 ， css选择器错误

         <html>
   <head>
     <title>限制单元格大小</title>
   <style type="text/css"> 
   #table1  { table-layout : fixed;
          }
   </style>
   </head>
   <body>
   <table border="2" id="table1">
     <tr>
       <td width="100" >页面文本1</td>
       <td width="100" >页面文本2</td>
     </tr>
     <tr>
       <td >nhhjgddkhg，hvkjfkfkfkjfkhtdidtkhgdkhgkhgdkhgdkhgckhg</td>
       <td ></td>
     </tr>
   </body>
      </html>
      撰写回答
      你尚未登录，登录后可以
      • 和开发者交流问题的细节
      • 关注并接收问题和回答的更新提醒
      • 参与内容的编辑和改进，让解决方法与时俱进
      推荐问题