Question

我正在使用jquery小部件，我需要在标题栏的左侧创建一个带有一些文本的标题，然后在右边创建一些标题。这是一个片段：

    <div id="newtask" class="ui-widget-content ui-state-default">
    <h4 class="ui-widget-header">
        <span class="ui-icon ui-icon-done">New Task</span> Todo <div style="text-align:right">This needs 
    </h4>

但是，右手文字在左手下方偏移了一行。如何在左侧和右侧有一些文本的单行？

Answer 1

你应该使用float：right ...

    <div id="newtask" class="ui-widget-content ui-state-default">
    <h4 class="ui-widget-header">
        <span class="ui-icon ui-icon-done">New Task</span> Todo <div style="float:right;">This needs 
    </h4>

Answer 2

将要显示在左侧的文本浮动到左侧，并将要显示的文本浮动到右侧的右侧。

或者，将要显示在左侧的文本绝对位于左侧（父级位于相对位置），并将要显示在右侧的文本绝对位于右侧。

如何创建一个标题栏，左侧有一些文本，右侧有一些文本？

2 个答案: