如何使jqWidgets形式与水平对齐? 我试过的是:
<style>
input {
display: inline-block;
}
答案 0 :(得分:1)
那个怎么样:http://jsfiddle.net/dbZJL/
$('#testForm').jqxValidator({
rules: [
{
input: '#userInput',
message: 'Username is required!',
action: 'blur',
rule: 'required'
},
{
input: '#emailInput',
message: 'Invalid e-mail!',
action: 'blur',
rule: 'email'
}],
});
$("#jqxbutton").jqxButton({
theme: 'energyblue',
width: 100,
height: 30
});
$("#jqxbutton").click(function () {
$('#testForm').jqxValidator('validate');
});
<form id="testForm" action="./">Username:
<input type="text" id="userInput" class="text-input" />E-mail:
<input type="text" id="emailInput" class="text-input" />
<input type="button" style="" id="jqxbutton" value="Submit" />
</form>
通过应用CSS边距,您可以更改表单的对齐方式。要更改Form的内容的对齐方式,可以将padding-left或padding-right放置。示例:http://jsfiddle.net/t76Jc/
答案 1 :(得分:0)
您可以采用不同的方式对齐
我希望这样的事可以帮到你:
input {
display: block;
width: 100px;
margin: 0px auto;
}
或者您可以将其放入<center>
标记:
<center>
<form>
<input type="text" />
</form>
</center>