如何将搜索栏中心移动到页面顶部?

时间:2016-04-01 06:02:02

标签: html css

我想将搜索栏从页面中心移动到同一页面的顶部,否则就像谷歌搜索一样。 我需要好的建议请帮帮我。

这是我的搜索条形码:

 TimePickerDialog mTimePicker;
            mTimePicker = new TimePickerDialog(AddMedicine.this, new TimePickerDialog.OnTimeSetListener() {
                @Override
                public void onTimeSet(TimePicker timePicker, int selectedHour, int selectedMinute) {
                    timePicker.setIs24HourView(true);
                    if(db.getAlarm3().contains(selectedHour + ":" + selectedMinute+" : 0")){
                        alarm3.setText( selectedHour + ":" +( selectedMinute+1));
                    }
                    else{
                        alarm3.setText( selectedHour + ":" + selectedMinute);
                    }
                    mcurrentTime.set(Calendar.HOUR_OF_DAY,selectedHour);
                    mcurrentTime.set(Calendar.MINUTE,selectedMinute);
                    mcurrentTime.set(Calendar.SECOND,0);

                    // alarm3.setText(String.valueOf(l3)+" ../.. "+String.valueOf(Calendar.getInstance().getTimeInMillis()));

                }
            }, hour, minute, true);//Yes 24 hour tim
            mTimePicker.setTitle("Select Time");
            mTimePicker.show();

2 个答案:

答案 0 :(得分:1)

您应该提供一些代码以帮助我们,帮助您。  阅读this

Css定位应该可以解决问题,因为我们没有代码,所以请参考我在网上找到的这个article

示例:

div.relative {
position: relative;
left: 30px;
border: 3px solid #73AD21;}

编辑:感谢您添加代码,这应该可以解决问题

.big-search-box {
position: relative;
width: 50%;
left: 25%;
top: 350px;
}

您可以将上面的css更改为适合您需要的内容。

答案 1 :(得分:1)

在主页面上,它看起来像这样:

width: 50%; //centered in the middle of the page
left: 25%;
top: 500px;
position: absolute;

然后当您进入搜索结果页面(如谷歌)时,它将如下所示:

width: 50%; //moved to upper left corner (like google)
left: 1%;
top: 5px;
position: absolute;