Question

我试图将一个uqu-icon从jquery主题对齐到一个文本框元素的右边而没有运气。

我尝试了不同的花车（左侧浮动将它推到我的文本框的左侧，向右浮动将它一直推到我的父元素的末尾，所以它不会紧贴我的文本框旁边），我我试过显示：内联，我试过显示：内联块...似乎没什么用。

不管跨度是不是只渲染html内联，就在我把它放在页面上的位置？

<td><input type="text" maxlength="4" name="tb" id="tb" style="width:30px;" /><span class="ui-icon ui-icon-help ui-state-default" id="tbHelp" style="inline-block;" title="What's This?"></span></td>

Answer 1

您可以为td分配类或ID，并为此元素指定宽度。应该考虑图标大小来分配此宽度。然后向右浮动。 Span元素用于文本，那么为什么不为此图标使用图像标记？

<head>
        <style type="text/css">
            .tdd{
                width: 50px;
                height: 20px;
                background-color: blue;
            }
        </style>
    </head>
<body>
    <table>
    <td class="tdd"><input type="text" maxlength="4" name="tb" id="tb" style="width:30px;" /><img src="img/bgFlag.png" width="16" height="16" class="ui" id="tbHelp" style="inline-block;" title="What's This?"></td>
    </table>

ui-icon span不显示内联

1 个答案: