Javascript 一分为二的句子

Javascript 一分为二的句子,javascript,html,css,Javascript,Html,Css,我目前正在制作一个应用程序,我想这句话是在一行。然而,现在他们都是分开的。我会附上一个链接到图片如何看现在 更新:我已经按照要求添加了整个代码 <div data-role="main" class="ui-content"> <div class="ui-grid-a"> <div class="ui-block-title title-a"><div id="lblFrom"></div></div>

我目前正在制作一个应用程序,我想这句话是在一行。然而,现在他们都是分开的。我会附上一个链接到图片如何看现在

更新:我已经按照要求添加了整个代码

<div data-role="main" class="ui-content">
    <div class="ui-grid-a">
    <div class="ui-block-title title-a"><div id="lblFrom"></div></div>
    <div class="ui-block-title title-b"><div id="lblTo"></div></div>
    <div class=ui-block-a><input type="text" name="fromamount" id="fromamount" required /></div>
    <div class=ui-block-b><input type="text" name="toamount" id="toamount" required /></div>
    </div>

    <p>You are currently converting <div id="lblConversioning"></div></p>

    <input type="button" value="Conversion" id="btnConversion">

</div>

您当前正在转换

div
是块元素。使用内联元素
span
而不是div

<p>You are currently converting <span id="lblConversioning"></span></p>
您当前正在转换

div
是块元素。使用内联元素
span
而不是div

<p>You are currently converting <span id="lblConversioning"></span></p>
您当前正在转换


div
是块元素,默认情况下显示在新行上

将其更改为span:

<p>You are currently converting <span id="lblConversioning"></span></p>
您当前正在转换

或内联显示:

<p style="display: inline-block">You are currently converting <div style="display: inline-block" id="lblConversioning"></div></p>
当前正在转换的


在这种情况下,使用
span
更好

div
是块元素,默认情况下显示在新行上

将其更改为span:

<p>You are currently converting <span id="lblConversioning"></span></p>
您当前正在转换

或内联显示:

<p style="display: inline-block">You are currently converting <div style="display: inline-block" id="lblConversioning"></div></p>
当前正在转换的

在这种情况下,使用
span
更好

是块级元素。它将通过在文档中创建一个新块来显示其中的内容。如果要在一行中显示
标记中的内容,则需要添加额外的样式

最好的替代方法是使用

<div data-role="main" class="ui-content">
    <div class="ui-grid-a">
    <div class="ui-block-title title-a"><div id="lblFrom"></div></div>
    <div class="ui-block-title title-b"><div id="lblTo"></div></div>
    <div class=ui-block-a><input type="text" name="fromamount" id="fromamount" required /></div>
    <div class=ui-block-b><input type="text" name="toamount" id="toamount" required /></div>
    </div>

    <p>You are currently converting <span id="lblConversioning"></span></p>

    <input type="button" value="Conversion" id="btnConversion">

</div>

您当前正在转换

是块级元素。它将通过在文档中创建一个新块来显示其中的内容。如果要在一行中显示
标记中的内容,则需要添加额外的样式

最好的替代方法是使用

<div data-role="main" class="ui-content">
    <div class="ui-grid-a">
    <div class="ui-block-title title-a"><div id="lblFrom"></div></div>
    <div class="ui-block-title title-b"><div id="lblTo"></div></div>
    <div class=ui-block-a><input type="text" name="fromamount" id="fromamount" required /></div>
    <div class=ui-block-b><input type="text" name="toamount" id="toamount" required /></div>
    </div>

    <p>You are currently converting <span id="lblConversioning"></span></p>

    <input type="button" value="Conversion" id="btnConversion">

</div>

您当前正在转换


能否提供表格的完整代码?能否提供表格的完整代码?您好!是的,它正在以我希望的方式工作。谢谢!:)你好是的,它正在以我希望的方式工作。谢谢!:)