1

The following:

  <div data-role="navbar">
  <ul>
    <li><a href="#page_1" data-transition="none">Heading 1</a></li>
    <li><a href="#page_2" class="ui-btn-active ui-state-persist">Heading 2</a></li>
    <li><a href="#page_3" data-transition="none">Heading 3</a></li>
    <li><a href="#page_4" data-transition="none">Heading 4</a></li>
    <li><a href="#page_map" data-transition="none">Map</a></li>
  </ul>

renders as:

Hea... Hea... Hea... Hea... Map

on my iPhone.

Is it possible to fix it so that it renders something like this instead:

Header 1  Header 2  Header 3  
     Header 4    Map
4

1 に答える 1

0

あなたはあなた<ul>と<li>このようにスタイリングすることができます...

ul {
    list-style-type:none;
    margin:0;
    padding:0;
    text-align: center;
}

li {
    display: inline;
}

これSample Fiddleは、達成しようとしていることを示しています。

于 2013-09-24T18:51:11.410 に答える