内部带有表格的字段集。如何将它们放在同一行?

发布于 2024-11-25 10:49:46 字数 216 浏览 1 评论 0原文

我需要在部分视图形式的同一行上对齐两个

对象。无论我做什么都没有帮助。尝试将它们向左、向右浮动,尝试最小化宽度,尝试 display:inline 选项。

没有桌子它也能工作。和他们在一起 - 没有。

UPD:或者这可能与我试图将它们放入其中的 qTip 有关。

I need to align two <fieldset> objects on the same line in partial view form. Whatever I do nothing helps. Trying to float them to the left, to the right, tried to minimize the width, tried display:inline option.

Without tables it works. With them - doesn't.

UPD: Or it might be something to do with qTip within which I'm trying to place those.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

记忆里有你的影子 2024-12-02 10:49:46

它不是表格数据,那么为什么要使用表格呢?

有许多 css 字段集示例可用于适当地使用标签和输入来制作美观的字段集。 (参见http://www.pixy.cz/blogg/clanky/css-fieldsetandlabels.htmlhttp://www.sitepoint.com/fancy-form-design-css-4/< /a> 两个快速示例)

如果您希望水平排列两个字段集,可以使用 display: inline-block

It's not tabular data, so why are you using a table?

There are numerous css fieldset examples to use to make nice looking fieldsets using labels and inputs appropriately. (See http://www.pixy.cz/blogg/clanky/css-fieldsetandlabels.html and http://www.sitepoint.com/fancy-form-design-css-4/ for two quick examples)

If you then want to have the two fieldsets arranged horizontally, you can use display: inline-block

若相惜即相离 2024-12-02 10:49:46

Fieldset 与表一起使用。删除表格标签中的任何样式部分。试试这个例子。这对我有用。

<fieldset id="fieldset3" style="padding:20px;top:230px; position: absolute;">
<legend>Search Results</legend>
    <table id="EmployeeDetails" border="1" cellpadding="3%">
    <tr>
        <th>Name</th>
        <th>Case Status</th>
        <th>Click here to View </th>
    </tr>
    <tr>
        <td>Dinesh</td>
        <td>Occupied</td>
        <td><button type="submit" id="Search">Search</button></td>
    </tr>
</table>
</fieldset>

Fieldset works with the tables. Remove any style part in the table tag. try this example. It works for me.

<fieldset id="fieldset3" style="padding:20px;top:230px; position: absolute;">
<legend>Search Results</legend>
    <table id="EmployeeDetails" border="1" cellpadding="3%">
    <tr>
        <th>Name</th>
        <th>Case Status</th>
        <th>Click here to View </th>
    </tr>
    <tr>
        <td>Dinesh</td>
        <td>Occupied</td>
        <td><button type="submit" id="Search">Search</button></td>
    </tr>
</table>
</fieldset>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文