将页脚分为文本框和小按钮,Cordova Android App

时间:2014-07-11 07:26:54

标签: android jquery css html5 cordova

我正在设计一个包含页脚的页面,其中包含长文本框,具体取决于移动设备和与其相邻的按钮,无需考虑移动设备即可保留。

以下是代码:

<div data-role="footer" data-position="fixed"
            data-theme="e" style="position: fixed;" class="ui-grid-a">
            <div class="ui-block-a">
            <input type="text" id="addComment" name="addComment" data-inline="true"></div>
            <div class="ui-block-b">
            <a href="#" data-rel="popup"  class="ui-btn ui-mini ui-btn-inline ui-icon-check ui-corner-all ui-btn-icon-notext" style="float:right;"></a>
            </div>  
        </div>

我们可以操纵 ui-block-a 宽度,捕获80%的宽度,剩余的20%仅用于按钮?  还是有其他可能性吗?

我希望在查看评论或添加评论的同时使页脚的外观类似于Instagram。

1 个答案:

答案 0 :(得分:0)

使用此

<div class="ui-block-a" style="width:80% !important">

jsFiddle