jQuery UI选项卡中的选项卡对齐方式

时间:2016-10-21 12:32:20

标签: jquery

我正在为div应用标签功能,我正在获得这样的布局(请参阅我的标签中的附件)。任何人都可以帮助我吗?提前谢谢。

My Tabs

这是我的HTML代码:

<div id="tabs">
    <ul> 
        <li><a href="#tabs1" id="lan1" class="lantabs">Dutch</a></li>
        <li><a href="#tabs2" id="lan2" class="lantabs">English</a></li>
        <li><a href="#tabs3" id="lan3" class="lantabs">German</a></li>
    </ul>
    <div id="tabs1">
        <table style="margin:10px; border: 1px solid #0498BE;background-color: #FFFEFE; " class="excolltable" align="left" width="100%" cellpadding="10">
            <tbody>
                <tr>
                    <td style="font-size: 14px;" align="center" width="40%"><b>Exclude List</b></td>
                    <td style="font-size: 14px;" align="center" width="60%"><b>Consider as one Word</b></td>            
                </tr>
                <tr>
                    <td style="font-size: 12px;" align="left" width="40%">als, is, te, een, mee, met, de, om, in, aan, het, je, zijn, en, van, op, worden, ook, voor, deze, ik, we, die, bij, over, er, heeft, haar, dit, dat, zo, hem, zijn, maar, mij, was, heel, zeer, heb, door, niet, kan, mijn, had, zij, hij, ga, of, nog, zou, dus, kon, wel, n, v, t, ze, ben, wordt, iets, naar, kunnen, n, v, t, per, dan, daarna, via, doen, gaat, wilde, hier, u, moet, krijg, gestuurd, mag, zegt, gaf, erg, al, hoe, anders, bedoel, wat, wij, na, daar, tot, m, gehad, meer, nu, uw, nee, meeus, kroller, zie, zal, ligt, me, e, weet, af, omdat, a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z, geeft, wil, staat, uit, hebben, andere, gaan, ons, veel, doe, onze, vind, toch, Obvion, alleen, geen, toe, dingen, denkt, doet, weer, ilse, westerveld, boer, brenda, bruijn, debeij, eddy, ramon, gerry, florius, abn, amro, aegon, ing, asr, syntrus, argenta, regiobank, daarnaast, hetgeen, aangaf, ongeveer, am, acc, accountmanger, accountmanagers, abnamro, als, danwel, etc., nav, werd, jullie, ', 'm, etc, hun, alles, maken, loopt, niets, allemaal, denk, misschien, moment, moeten, verbeterpunten, hypotheek, eigenlijk, altijd, zelf, keer, willen, kunt, echt, toen, bijv, vinden, verder, neen, vooral, meneer, heer, mevrouw, gijs</td>
                    <td style="font-size: 12px;" align="left" width="60%">Goede voorwaarden, toegevoegde waarde, up to date, kennis van zaken, Bijzonder Beheer, face to face, eigen belang, min-max</td>
                </tr>
            </tbody>
        </table>
        <br>
        <table style="margin:10px;border: 1px solid #0498BE;background-color: #FFFEFE;" class="excolltable" align="left" width="100%" cellpadding="10">
            <tbody>
            <tr>
                <td style="font-size: 14px;" align="center" width="40%"><b>Synonymwords</b></td>
                <td style="font-size: 14px;" align="center" width="60%"><b>Displayword</b></td>         
            </tr>
            <tr>
                <td style="font-size: 12px;" align="left" width="40%">goed,goede,geod</td>
                <td style="font-size: 12px;" align="left" width="60%">goed</td>
            </tr>
            <tr>
                <td style="font-size: 12px;" align="left" width="40%">prettig,prettige</td>
                <td style="font-size: 12px;" align="left" width="60%">prettig</td>
            </tr>
            <tr>
                <td style="font-size: 12px;" align="left" width="40%">ideeen,ideeën</td>
                <td style="font-size: 12px;" align="left" width="60%">ideeën</td>

            </tr>
            </tbody>
        </table>
    </div>
    <div id="tabs2"></div>
    <div id="tabs3"></div>
</div>

这是我的javascript代码

$(document).ready(function() {
     $( "#tabs" ).tabs({ active: 0 });
});

1 个答案:

答案 0 :(得分:0)

MC.Play("C:\\Users\\the4th\\Desktop\\school\\HBO_ICT\\Programmeren\\MP3 Speler\\All_Along_The_Watchtower"); 添加到float:none以解决问题。默认情况下,浏览器具有预定义的css属性。

table
$(document).ready(function() {
     $( "#tabs" ).tabs({ active: 0 });
});