jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jQuery Mobile中文本输入的奇怪宽度大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我遇到了一个与jQuery Mobile中文本输入宽度相关的奇怪行为 – 它太大了.

<div data-role="page">
    <div data-role="header">
        <h1>Test</h1>
    </div>

    <div data-role="content">
        <input type="text" value="192.168.1.1"></input>

        <a data-role="button">Connect</a>
    </div>
</div>

也可以通过减少浏览器窗口的宽度来重现此行为,例如在jsfiddle中.

的jsfiddle
http://jsfiddle.net/QxYMa/

这是正常行为还是只是一个错误?如何“更正”,以便文本输入和按钮具有相同的宽度?

解决方法

输入和按钮有一些不同的CSS自动应用于它.我添加了以下CSS,它似乎使CSS明显一致:

<div data-role="page">
    <div data-role="header">
        <h1>Test</h1>
    </div>

    <div data-role="content">
        <input type="text" value="192.168.1.1" style="width:100%;-moz-Box-sizing:border-Box;-webkit-Box-sizing:border-Box;Box-sizing: border-Box;"/>
        <br/>
        <a data-role="button" style="width:100%;margin:0">Connect</a>
    </div>
</div>

似乎输入框模型已关闭,按钮边距已关闭.
这是一篇很好的文章,谈论盒子模型,似乎对此有所了解:http://www.jefftk.com/news/2012-02-18.html

希望这可以帮助!

大佬总结

以上是大佬教程为你收集整理的jQuery Mobile中文本输入的奇怪宽度全部内容,希望文章能够帮你解决jQuery Mobile中文本输入的奇怪宽度所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。