需要刷新div的自动调整大小才能正常工作

时间:2015-08-19 20:51:49

标签: html css jquery-textext

我使用textext进行自动完成。该输入文本不再响应于更改窗口大小。第一次屏幕很好:

enter image description here

但是当我更改浏览器窗口时,除了tag(具有textext自定义样式)之外,所有字段都缩小,右边的元素将转到该字段:

enter image description here

如果我点击刷新会找到合适的位置。 以下是该字段的相关css:

.text-core {
position: relative;
}

.text-core .text-wrap {
    background: #fff;
    position: absolute;
    width: 100%;
}

.text-core .text-wrap textarea, .text-core .text-wrap input {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #9daccc;
    outline: none;
    z-index: 1;
    background: none;
    overflow: hidden;
    margin: 0;
    padding: 3px 5px 4px 5px;
    white-space: nowrap;
    font: 14px; height : 34px;
    border-radius: 4px;
    height: 34px;
    min-width: 0;
    display: inline;
}

请有人帮助像其他人那样做出响应。谢谢!

1 个答案:

答案 0 :(得分:0)

尝试使用引导网格:http://getbootstrap.com/css/

使用col-lg-6 col-md-12 col-sm-12和col-xs-12以及带有col-lg-6 col-md-12 col-sm-12和col的按钮放置表格-XS-12。