0

我正在使用 jQuery Tabs 来显示图像。

可以在 jfiddle 上查看的 HTML如下:

<div id="dgTabs" style="width: 500px;">
    <ul>
        <li><a id="a1" href="tab-1"> 
            <img src="http://images.smh.com.au/2012/10/30/3754903/umbrella_tn-90x60.jpg" /></a></li>
        <li><a id="a2" href="tab-2">
            <img src="http://images.smh.com.au/2012/10/30/3754903/umbrella_tn-90x60.jpg" /> </a></li>
              <li><a id="a3" href="tab-1"> 
            <img src="http://images.smh.com.au/2012/10/30/3754903/umbrella_tn-90x60.jpg" /></a></li>
        <li><a id="a4" href="tab-2">
            <img src="http://images.smh.com.au/2012/10/30/3754903/umbrella_tn-90x60.jpg" /> </a></li>
            <li><a id="a5" href="tab-1"> 
            <img src="http://images.smh.com.au/2012/10/30/3754903/umbrella_tn-90x60.jpg" /></a></li>
        <li><a id="a6" href="tab-2">
            <img src="http://images.smh.com.au/2012/10/30/3754903/umbrella_tn-90x60.jpg" /> </a></li>
              <li><a id="a7" href="tab-1"> 
            <img src="http://images.smh.com.au/2012/10/30/3754903/umbrella_tn-90x60.jpg" /></a></li>
        <li><a id="a8" href="tab-2">
            <img src="http://images.smh.com.au/2012/10/30/3754903/umbrella_tn-90x60.jpg" /> </a></li>
    </ul>
</div>

​</p>

如何更改 CSS 以使图像填充整个选项卡?我需要更新哪个 CSS 文件中的哪个元素?基本上,我不想要填充。

填充图像

4

1 回答 1

1

此填充存在于jquery-ui.css文件中,您需要覆盖下面的填充

#tabs .ui-tabs .ui-tabs-nav li a {
  float: left;
  padding: .5em 1em;
  text-decoration: none;

 }

更新

要设置宽度,您必须执行以下操作

#tabs ul li, #tabs ul li a {
  width: 15px;
 }
于 2012-10-31T05:05:09.037 回答