Automatic line feed
Div {
Word-wrap: Break-word;
Word-break: normal;
}
Force line breaks
Div {
White-space: nowrap;
}
Do not wrap with floating Effect
< Div ID = "Pic" >
< Ul >
< Li > < IMG SRC = "Http: // 192.168.1.103/hibeans/web/images/Temporary/car_t1.jpg" /> </ Li >
< Li > < IMG SRC = "Http: // 192.168.1.103/hibeans/web/images/Temporary/imgget1.jpg" /> </ Li >
< Li > < IMG SRC = "Http: // 192.168.1.103/hibeans/web/images/Temporary/car_t1.jpg" /> </ Li >
< Li > < IMG SRC = "Http: // 192.168.1.103/hibeans/web/images/Temporary/car_t1.jpg" /> </ Li >
< Li > < IMG SRC = "Http: // 192.168.1.103/hibeans/web/images/Temporary/car_t1.jpg" /> </ Li >
< Li > < IMG SRC = "Http: // 192.168.1.103/hibeans/web/images/Temporary/car_t1.jpg" /> </ Li >
< Li > < IMG SRC = "Http: // 192.168.1.103/hibeans/web/images/Temporary/car_t1.jpg" /> </ Li >
< Li > < IMG SRC = "Http: // 192.168.1.103/hibeans/web/images/Temporary/car_t1.jpg" /> </ Li >
< Li > < IMG SRC = "Http: // 192.168.1.103/hibeans/web/images/Temporary/car_t1.jpg" /> </ Li >
< Li > < IMG SRC = "Http: // 192.168.1.103/hibeans/web/images/Temporary/car_t1.jpg" /> </ Li >
</ Ul >
</ Div >
# PIC {} {Float:Left;Width:920px;Margin:0 10px;}
# PIC ul {}{Margin:15px 0;White-space:Nowrap;Width:920px;Overflow:Hidden;}
# PIC Li {} { * Float : Left ; Width : 90px ; Margin : 0 5px ; * Clear : Right ; Border : 1px solid # b7deef ; Text-align : Center ; Display : Inline-block }
# PIC Li img {} {Max-Width:90px;Max-height:90px;Vertical-align:Middle;}