Question

我已经搜索了几个小时，无法找到解决问题的方法，最后决定注册并询问（哇哇，第一个问题）。这是我的情况，我的html标记中有这个：

<table>
    <tr>
        <td>
            <img />
        </td>
    </tr>
    <tr>
        <td>
            <div style="width:800px;text-align:justify;">
                <input style="width:101px;" />
                <input style="width:101px;" />
                <input style="width:101px;" />
                <input style="width:101px;" />
                <input style="width:101px;" />
                <input style="width:101px;" />
                <input style="width:101px;" />
                <input style="width:101px;" />
                <input style="width:101px;" />
            </div>
        </td>
    </tr>
</table>

基本上，这将由我正在设计的ASP.Net用户控件生成（我不认为它是相关的）。但无论我做什么，我似乎都无法让图像在最终内容中得到证明。我将它们插入表格单元格的事实是否有可能不允许对齐的样式正常运行？

在你问之前，我试过了显示器：table / display：table-cell on和trick，还没有工作。

此外，我正在使用纯Javascript开发客户端脚本，我不想要一个涉及jQuery的解决方案（如果可能的话）。我更喜欢简单优雅的html / css。

Answer 1

好可爱的人，我找到了答案。它也很简单。我之前发布的代码不是真正的代码。这是：

<table>  
    <tr>
        <td>
            <div style="width:800px;text-align:justify; border: solid 1px red;">
                <input style="width:101px;" /><input style="width:101px;" /><input style="width:101px;" /><input style="width:101px;" /><input style="width:101px;" /><input style="width:101px;" /><input style="width:101px;" /><input style="width:101px;" /><input style="width:101px;" />
            </div>
        </td>
    </tr>
</table>

我向那些试图在没有这些信息的情况下帮助我的人道歉。事情是＆＃34;辩解＆＃34;样式的工作方式是在文本中展开空格，或者在内联块的情况下，展开块之间的空格。 ASP.Net在一个块中生成我的代码而不插入我的空格。结果是我有一个很长的单词＆＃34;元素没有任何空间休息！显然，＆＃34;证明＆＃34;我不知道如何使用它。

因此，应该更正代码以至少包含新行或空格。

再次感谢大家！抱歉再次遇到麻烦。我下次会发布更多信息。

如何在？</div>内的<div>内对齐内联块元素

1 个答案: