Javascript jQuery移动按钮对齐问题
我正在尝试jQuery Mobile,我发现它有点令人困惑,因为它是一个标记驱动的框架 我创建了一个测试页面,我只是试图将一个按钮向右对齐,但我无法做到这一点。我尝试了Javascript jQuery移动按钮对齐问题,javascript,jquery,jquery-mobile,Javascript,Jquery,Jquery Mobile,我正在尝试jQuery Mobile,我发现它有点令人困惑,因为它是一个标记驱动的框架 我创建了一个测试页面,我只是试图将一个按钮向右对齐,但我无法做到这一点。我尝试了float:right,但它不起作用。虽然marginleft是通过给定特定的百分比来工作的,但当我调整页面大小时,这一点不起作用 这是我的名片。任何帮助都会很好 <div data-role="page"> <div data-role="header" data-theme="b" data-posi
float:right
,但它不起作用。虽然marginleft
是通过给定特定的百分比来工作的,但当我调整页面大小时,这一点不起作用
这是我的名片。任何帮助都会很好
<div data-role="page">
<div data-role="header" data-theme="b" data-position="fixed">
<h1 style="font-size: 1.5em; text-align: left; margin-left: 70px;"
data-role="none">Test</h1>
</div>
<div id="contentLogin" align="center" name="contentConfirmation" data-role="content">
<p style="font-size: 0.85em; color: #000000">
<b>Welcome to my page</b>
</p>
<br>
<div class="ui-grid-b responsive">
<div style="margin: 0px; margin-top: 0px; margin: 0px;" class="ui-block-a">
<div data-role="fieldcontain">
<label for="url" class="alignleft">Username:*</label>
<input id="userId1" class="required" name="uid_r" placeholder="" type="text">
</div>
<div data-role="fieldcontain">
<label for="url" class="alignleft">Password:*</label>
<input id="Password1" class="required" name="pwd_r" value="" type="password">
</div>
<button id="login" data-theme="a" type="button" href="home.html" data-mini="false" data-inline="true" >Login</button>
</div>
<div class="ui-block-b">BLOCK A ADS</div>
<div class="ui-block-c" style="margin-top: 0px;">
BLOCK C
</div>
</div>
</div>
<div data-role="footer" data-theme="b" data-position="fixed">
</div>
</div>
试验
欢迎来到我的页面
用户名:*
密码:*
登录
阻止广告
C区
为什么不将按钮放在div内,然后右对齐div?父div中的所有内容(包括按钮)都将右对齐
<div align="right"><button id="login" data-theme="a" type="button" href="home.html" data-mini="false" data-inline="true" >Login</button></div>
登录
查看小提琴前面的答案是正确的,但您应该使用CSS样式(aling=”“不推荐使用)
登录
使用ui-btn-right
。它更简单,不太冗长,而且(我认为)是jquery方式
<a href="#" class="ui-btn-right ui-btn-inline">Login</a>
如果需要多个按钮,您可能会遇到问题 尝试:
<div style="float:right">
<button data-inline="true">Login</button>
</div>
谢谢。是的。我不知道为什么我没有想到这个。如果答案帮助你把它标记为正确答案。这个问题被问到像2年前^ ^ ^ ^。
<div style="float:right">
<button data-inline="true">Login</button>
</div>
<div style="text-align: right;">
<button data-inline="true">Login</button>
</div>
<a href="#home" class="ui-btn">Home</a>
<a href="#intro" class="ui-btn">Intro</a>
<div style="float:right">
<a href="#review" class="ui-btn">Review</a>
<a href="#exit" class="ui-btn">Exit</a>
</div>