Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 选项卡根据屏幕分辨率或窗口大小在IE中添加额外空间_Jquery_Html_Css_Internet Explorer - Fatal编程技术网

Jquery 选项卡根据屏幕分辨率或窗口大小在IE中添加额外空间

Jquery 选项卡根据屏幕分辨率或窗口大小在IE中添加额外空间,jquery,html,css,internet-explorer,Jquery,Html,Css,Internet Explorer,我正在进行选项卡设计,如下所示 图像一 图2 如果你仔细看,你会发现它在最后一个标签后面加了空格。。。在更麻烦的叫喊之后,我注意到这个间距只有在你改变窗口大小时才会出现。在我的例子中,它只有在IE9中才会出现。当我把它改成IE8标准视图时,它就消失了 这些标签在Chrome和Firefox上非常完美。我只对IE有问题,它可能显示或不显示取决于窗口大小和屏幕分辨率 我无法找出问题的根源或解决方案 我添加屏幕截图只是为了给你们看,因为我不确定这是否会出现在你们的屏幕上 因为只有1个像素不同。但IE需

我正在进行选项卡设计,如下所示

图像一 图2

如果你仔细看,你会发现它在最后一个标签后面加了空格。。。在更麻烦的叫喊之后,我注意到这个间距只有在你改变窗口大小时才会出现。在我的例子中,它只有在IE9中才会出现。当我把它改成IE8标准视图时,它就消失了

这些标签在Chrome和Firefox上非常完美。我只对IE有问题,它可能显示或不显示取决于窗口大小和屏幕分辨率

我无法找出问题的根源或解决方案

我添加屏幕截图只是为了给你们看,因为我不确定这是否会出现在你们的屏幕上

因为只有1个像素不同。但IE需要修复。我尝试为UL LI和其他元素设置边距填充,但没有任何效果

我请求您重新调整IE窗口的大小,以查看不同的大小,因为它将自动安装或取消安装

在此方面的任何帮助都将不胜感激。到目前为止,这让我疯狂,我不确定这是错误的IE或什么

注意:此问题仅适用于IE浏览器 jsFiddle链接

我还设置了jsbin示例

源代码:

<!-- Tabs -->
<div class="tabs-wrapper margin00-10-0">
    <div class="tab-name-wrapper">
        <ul class="tabs">
            <li class="active"><a class="tabs-item-a-4 active" href="#tab4"><div class="d-tab-title-w-1">NEWS</div></a>
            </li>
            <li><a class="tabs-item-a-1" href="#tab1"><div class="d-tab-title-w-2">THE TAB 2</div></a>
            </li>
            <li><a class="tabs-item-a-2" href="#tab2"><div class="d-tab-title-w-3">THE TAB 3</div></a>
            </li>
        </ul>
    </div>
    <div class="tab-content-wrapper">
        <div id="tab1" style="display: none;">
            <div id="ContentPlaceHolder1_pnlTheChairman">
                <p>Try the new improved Lorem Ipsum Generator Lorem ipsum dolor sit amet, dui sed dolor, integer sagittis. Non volutpat eveniet, adipiscing erat, nunc sed quis. Maecenas diam, pellentesque consectetuer, dui felis ut. Vestibulum pharetra faucibus./p></div>
        </div>
        <div id="tab2" style="display: none;">
            <div id="ContentPlaceHolder1_pnlChairmanMSG">
                <p>Try the new improved Lorem Ipsum Generator Lorem ipsum dolor sit amet, dui sed dolor, integer sagittis. Non volutpat eveniet, adipiscing erat, nunc sed quis. Maecenas diam, pellentesque consectetuer, dui felis ut. Vestibulum pharetra faucibus./p></div>
        </div>
        <div id="tab4">
            <div class="hp-news-list"> <a href="#">
                                <div class="hp-news-td-w">
                                    <div class="hp-news-title"><span id="ContentPlaceHolder1_rptNews_lblNewsTitle_0">   Try the new improved Lorem Ipsum Generator
</span></div>
                                    <div class="hp-news-date"><span id="ContentPlaceHolder1_rptNews_lblDate_0">05-AUG-2013</span></div>

                                </div>
                             </a>

                <hr class="hp-news-hr">
            </div>
            <div class="hp-news-list"> <a href="#">
                                <div class="hp-news-td-w">
                                    <div class="hp-news-title"><span id="ContentPlaceHolder1_rptNews_lblNewsTitle_1">Try the new improved Lorem Ipsum Generator</span></div>
                                    <div class="hp-news-date"><span id="ContentPlaceHolder1_rptNews_lblDate_1">02-AUG-2013</span></div>

                                </div>
                             </a>

                <hr class="hp-news-hr">
            </div>
        </div>
    </div>
</div>
<!-- Tabs End-->

尝试新改进的Lorem Ipsum生成器Lorem Ipsum dolor sit amet、dui sed dolor、integer sagittis。非奥瓦里帕特·埃维涅特、阿迪皮斯·埃拉特、努克·塞德·奎斯。玛塞纳斯·迪亚姆,佩伦特斯·康塞特图,两人在一起。口蹄疫前庭。/p> 尝试新改进的Lorem Ipsum生成器Lorem Ipsum dolor sit amet、dui sed dolor、integer sagittis。非奥瓦里帕特·埃维涅特、阿迪皮斯·埃拉特、努克·塞德·奎斯。玛塞纳斯·迪亚姆,佩伦特斯·康塞特图,两人在一起。口蹄疫前庭。/p>


你能在jsfiddle中上传你的代码吗,这样它就可以很容易地编辑并向你提供结果。jsfiddle示例链接我可以看到区别,所以,是的。但是里面有大量的CSS;你能不能把它删掉,这样剩下的就足以说明问题了?它甚至可以让你自己找到解决方案!