讓搜索框和文字居中顯示可以給他們加css樣式。 搜索框屬于標簽，居中顯示：margin:0 auto； 文字居中：text-align:center;

1/6首先做好布局。一般來說是一個div嵌套一個div。并且分別添加class。

2/6接著通過class設置基本樣式，包括寬度和高度顏色。

3/6然后就可以看到，最初始的時候，子元素是在左上角的。

4/6接著給外層的父元素添加一下display:flex和justify-content:center。刷新頁面然后就能看到子元素水平居中。

5/6然后再設置給父元素添加align-items:center即可上下垂直居中了。

6/6總結：父元素設置display：flex , 然后用justify-content: center;來讓子元素水平居中，用align-items: center;垂直居中 。

定義一個上下文本 ctx 所有的格式都可以自動與中間對齊，左對齊，右對齊了

ctx.textAlign="start";

ctx.fillText("textAlign=start",150,60);

也有也能使瀏覽器的問題吧

Internet Explorer 9、Firefox、Opera、Chrome 以及 Safari 支持 textAlign 屬性。