How to make jquery-ui tabs no linebreak?

#686578

New Member
Recently, I use JQuery-UI tabs(http://jqueryui.com/tabs/) and get stuck when I try to use many tabs-nav li-s.The excessive tabs-nav li-s go to the next line.I want it to go in one line, with no linebreak, and scroll when it needs.I serach for a lot of questions, and try many ways, but none solve mine.Similar questions but not jquery-ui tabs are: Divs next to each other, with size, no linebreakWait for your valuable answers!=============Refer the html source codes here:ExampleAnd the CSS are:\[code\]/* JQuery-UI tabs overwrites - set the width as small as possible! */.ui-tabs { width:100px; }.ui-tabs .ui-tabs-nav {}.ui-tabs .ui-tabs-nav li {}\[/code\]
 
Back
Top