Question

我正在尝试开发一个表单，其中包含我需要以下面的方式显示的Emp详细信息和个人信息详细信息。

这是我的代码

＆＃13;

            <table style="border: 1px solid; width: 900px; height: 200px; table-layout:fixed">

            <tr>
            <td> 
            <label for="Employee" style="height:20px">Employee:</label>
            </td>
            <td>
            <label for="Id" style="height: 20px">Id</label>
            </td>
            <td>
            <input type="text" id="txtId" />
            </td>
            <td>
            <label for="Designation" style="height:20px">Designation</label>
            </td>
            <td>
            <input type="text" id="txtDesig" />
            </td>
            </tr>

        
             <tr>
             <td></td>
             <td> <label for="Mail" style="height: 20px">Mail</label></td>
             <td> <input type="text" id="Text3" /> </td>
             <td>  <label style="height: 20px">Ext</label> </td>
             <td>  <input type="text" id="Text4" /> </td>
             </tr>

             <tr>
             <td> 
             <label for="PersonalInfo" style="height:20px">Personal Info:</label>
             </td>
             <td> 
             <label for="Name" style="height:20px">Name:</label>
             </td>
             <td>
             <input type="text" id="txtName" />
             </td>
             </tr>

             <tr>
             <td> 
             </td>
             <td> 
             <label for="City" style="height:20px">City:</label>
             </td>
             <td>
             <input type="text" id="txtCity" />
             </td>
             </tr>

             <tr>
             <td> 
             </td>
             <td> 
             <label for="State" style="height:20px">State:</label>
             </td>
             <td>
             <input type="text" id="txtState" />
             </td>
             </tr>
             </table>

＆＃13;

问题是文本框不在同一行，表格看起来很奇怪。

Answer 1

你可以这样开始：

static bool unhookList(HANDLE process, HOOKWINAPI *list, DWORD count)
{
  bool ok = true; 
  for(DWORD i = 0; i < count; i++)if(list[i].originalFunction != NULL)
  {
    if(!WaHook::_unhook(process, list[i].functionForHook, list[i].originalFunction, list[i].originalFunctionSize))
    {
      ok = false;
#     if defined WDEBUG1
      WDEBUG1(WDDT_ERROR, "Failed to unhook WinApi at index %u", i);
#     endif
    }
    /*else
    {
      PeImage::_repalceImportFunction(coreData.modules.current, list[i].originalFunction, list[i].functionForHook);
      Core::replaceFunction(list[i].originalFunction, list[i].functionForHook);
    }*/
  }
  return ok;
}

table{border: 1px solid; width: 1500px;}
        table tr td label{width: 95px;display: inline-flex;}

Answer 2

通常情况下，表格不应用于布局。建议使用Bootstrap网格系统和表单：http://getbootstrap.com/css/#grid

它为您提供现代/专业的外观，并为您处理不同的分辨率/设备。

这是一个简单的例子：

<div class="row">
    <div class="col-lg-2">
        <label>Employee</label>
    </div>
    <div class="col-lg-5">
        <div class="form-group">
            <label for="Id" class="col-sm-2 control-label">ID</label>
            <div class="col-sm-10">
                <input type="text" class="form-control" id="Id">
            </div>
        </div>
        <div class="form-group">
            <label for="Mail" class="col-sm-2 control-label">Mail</label>
            <div class="col-sm-10">
                <input type="text" class="form-control" id="Mail">
            </div>
        </div>
    </div>
    <div class="col-lg-5"></div>
</div>

Answer 3

我猜你必须出于某种原因使用牌桌吗？如果不考虑转向使用更实用的东西。表格对于这类事情来说很麻烦。采用基于列的方法会更有意义。

为了使用表格执行此操作，您将不得不嵌套它们。我只做了表的一部分，让你知道如何做到这一点。所以不要复制粘贴这个。我把ID拿出来让它更容易阅读。你显然想要那些人。此外，当您运行代码段时，请确保在宽度设置为1500时向左滚动。您可以在将其应用于代码时对其进行编辑。只需更改宽度：33％即可。

＆＃13;

<table style="border: 1px solid; width: 1500px; height: 400px;">
  <tr>
    <td style="width:33%;">
        <label style="height:20px; width:33%;">Employee:</label></td>
    </td>
    <td style="width:33%;">
       <table>
          <tr>
             <td><label height: 20px ">Id</label></td>
             <td><input type="text " /></td>
             <td><label id="lblDesig " height: 20px">Mail</label></td>
             <td><input type="text" id="txtDesig" /></td>
           </tr>
           <tr>
             <td><label style="height:20px;">Designation</label</td> 
             <td><input type="text" id="txtDesig" /></td>
             <td><label id="lblId" height: 20px ">Ext</label></td>
             <td><input type="text" id="txtDesig" /></td>
           </tr>
        </table>
    </td>
  </tr>
</table>

＆＃13;

Html表td对齐多行

3 个答案: