html li 强制换行,CSS中解决改变窗口大小ul下的li强行换行的问题

css

#ToolDiv {

width: 35%;

}

#ToolDiv {

height: 6.5%;

width: 34%;

position: fixed;

top: 2%;

left: 1%;

z-index: 1000;

border-radius: 4px;

-webkit-box-shadow: 0 0 15px #9c9c9a;

-moz-box-shadow: 0 0 15px #9c9c9a;

box-shadow: 0 0 15px #9c9c9a;

background: white;

}

#ToolBar {

background-color: transparent;

border-radius: 15px;

width: 63%;

height: 100%;

float: left;

position: relative;

}

#ToolBar ul {

position:absolute;

list-style: none;

margin-top: 1.5%;

margin-left: 5px;

width: 100%;

height: 100%;

padding: 0;

}

#ToolBar li {

display: inline;

color: black;

cursor: pointer;

}

#ToolBar ul li img {

width: 4%;

/* height: 45px; */

margin-left: 4.2%;

margin-top: 4%;

}

HTML

style="height: 70%;width: 20%;background-color: rgb(0,106,205);margin-left: -15.5%;border-radius: 0 15px 15px 0;">

alt="搜索" />

• 漫游

    

style="color: wheat">|

放大

  

style="color: wheat">|

缩小

  

style="color: wheat">|

alt="测量" />测量

   |

alt="删除" />删除

改变窗口大小之后

出现错位

想让他们一直在一行上 要怎么改