文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布
社区首页 >问答首页 >标题相对于表没有正确对齐

问标题相对于表没有正确对齐
EN

Stack Overflow用户
提问于 2013-07-02 08:51:40
回答 1查看 117关注 0票数 0

我有一个4x3 HTML表，里面有图标。这张桌子上有一个标题。如果你仔细观察，你会发现标题稍微偏右，相对于表格的垂直中心。

JSFiddle: http://jsfiddle.net/ahmadka/Mufvw/

注意:我在这里提到的代码是网页页脚更大部分的一部分。因此，不要做太大的更改，因为这样解决方案可能与原始页面不兼容。

这里是它出现的原始页面(在脚注中)： http://bit.ly/12hny0I

HTML代码：

代码语言：javascript
复制
<body bgcolor="#000000">

<div class="footer_wrap">
    <div class="footer_bg">


        <div class="blog_Sec">
            <!--blog_nav-->

            <div class="partners1" style="margin-top:-10px">
                <span class="heading">Payment Partners</span> 

                <table>
                    <tbody>
                        <tr align="center">
                            <td align="center">
                                <a class="tiptip" href=
                                "http://www.moneybookers.com" target="_blank"
                                title="Moneybookers/Skrill"><img onmouseout=
                                "this.src='http://173.254.28.69/~bluraysp/image/data/paymenticons/normal/moneybookers.png'"
                                onmouseover=
                                "this.src='http://173.254.28.69/~bluraysp/image/data/paymenticons/hover/moneybookers.png'"
                                src=
                                "http://173.254.28.69/~bluraysp/image/data/paymenticons/normal/moneybookers.png"></a>
                            </td>

                            <td align="center">
                                <a class="tiptip" href=
                                "http://www.2checkout.com" target="_blank"
                                title="2Checkout"><img onmouseout=
                                "this.src='http://173.254.28.69/~bluraysp/image/data/paymenticons/normal/2checkout.png'"
                                onmouseover=
                                "this.src='http://173.254.28.69/~bluraysp/image/data/paymenticons/hover/2checkout.png'"
                                src=
                                "http://173.254.28.69/~bluraysp/image/data/paymenticons/normal/2checkout.png"></a>
                            </td>

                            <td align="center" style="padding-bottom: 4px;">
                                <a class="tiptip" href="http://www.visa.com"
                                target="_blank" title="VISA"><img onmouseout=
                                "this.src='http://173.254.28.69/~bluraysp/image/data/paymenticons/normal/visa.png'"
                                onmouseover=
                                "this.src='http://173.254.28.69/~bluraysp/image/data/paymenticons/hover/visa.png'"
                                src=
                                "http://173.254.28.69/~bluraysp/image/data/paymenticons/normal/visa.png"></a>
                            </td>

                            <td align="center">
                                <a class="tiptip" href=
                                "http://www.mastercard.com" target="_blank"
                                title="MasterCard"><img onmouseout=
                                "this.src='http://173.254.28.69/~bluraysp/image/data/paymenticons/normal/mastercard.png'"
                                onmouseover=
                                "this.src='http://173.254.28.69/~bluraysp/image/data/paymenticons/hover/mastercard.png'"
                                src=
                                "http://173.254.28.69/~bluraysp/image/data/paymenticons/normal/mastercard.png"></a>
                            </td>
                        </tr>

                        <tr align="center">
                            <td align="center">
                                <a class="tiptip" href=
                                "http://www.ubldirect.com/corporate/bankingservices/omni/home.aspx"
                                target="_blank" title=
                                "UBL Omni"><img onmouseout=
                                "this.src='http://173.254.28.69/~bluraysp/image/data/paymenticons/normal/omni.png'"
                                onmouseover=
                                "this.src='http://173.254.28.69/~bluraysp/image/data/paymenticons/hover/omni.png'"
                                src=
                                "http://173.254.28.69/~bluraysp/image/data/paymenticons/normal/omni.png"></a>
                            </td>

                            <td align="center">
                                <a class="tiptip" href=
                                "http://www.easypaisa.com.pk" target="_blank"
                                title="EasyPaisa"><img onmouseout=
                                "this.src='http://173.254.28.69/~bluraysp/image/data/paymenticons/normal/easypaisa.png'"
                                onmouseover=
                                "this.src='http://173.254.28.69/~bluraysp/image/data/paymenticons/hover/easypaisa.png'"
                                src=
                                "http://173.254.28.69/~bluraysp/image/data/paymenticons/normal/easypaisa.png"></a>
                            </td>

                            <td align="center">
                                <a class="tiptip" href="http://www.hbl.com"
                                target="_blank" title=
                                "Habib Bank Limited"><img onmouseout=
                                "this.src='http://173.254.28.69/~bluraysp/image/data/paymenticons/normal/hbl.png'"
                                onmouseover=
                                "this.src='http://173.254.28.69/~bluraysp/image/data/paymenticons/hover/hbl.png'"
                                src=
                                "http://173.254.28.69/~bluraysp/image/data/paymenticons/normal/hbl.png"></a>
                            </td>

                            <td align="center">
                                <a class="tiptip" href=
                                "http://www.standardchartered.com.pk" target=
                                "_blank" title=
                                "Standard Chartered Pakistan"><img onmouseout=
                                "this.src='http://173.254.28.69/~bluraysp/image/data/paymenticons/normal/scb.png'"
                                onmouseover=
                                "this.src='http://173.254.28.69/~bluraysp/image/data/paymenticons/hover/scb.png'"
                                src=
                                "http://173.254.28.69/~bluraysp/image/data/paymenticons/normal/scb.png"></a>
                            </td>
                        </tr>

                        <tr align="center">
                            <td align="center">
                                <a class="tiptip" href="http://www.abl.com"
                                target="_blank" title=
                                "Allied Bank Limited"><img onmouseout=
                                "this.src='http://173.254.28.69/~bluraysp/image/data/paymenticons/normal/abl.png'"
                                onmouseover=
                                "this.src='http://173.254.28.69/~bluraysp/image/data/paymenticons/hover/abl.png'"
                                src=
                                "http://173.254.28.69/~bluraysp/image/data/paymenticons/normal/abl.png"></a>
                            </td>

                            <td align="center">
                                <a class="tiptip" href=
                                "http://www.faysalbank.com" target="_blank"
                                title="Faysal Bank Limited"><img onmouseout=
                                "this.src='http://173.254.28.69/~bluraysp/image/data/paymenticons/normal/faysal.png'"
                                onmouseover=
                                "this.src='http://173.254.28.69/~bluraysp/image/data/paymenticons/hover/faysal.png'"
                                src=
                                "http://173.254.28.69/~bluraysp/image/data/paymenticons/normal/faysal.png"></a>
                            </td>

                            <td align="center">
                                <a class="tiptip" href=
                                "http://www.bankalfalah.com" target="_blank"
                                title="Bank Alfalah"><img onmouseout=
                                "this.src='http://173.254.28.69/~bluraysp/image/data/paymenticons/normal/alfalah.png'"
                                onmouseover=
                                "this.src='http://173.254.28.69/~bluraysp/image/data/paymenticons/hover/alfalah.png'"
                                src=
                                "http://173.254.28.69/~bluraysp/image/data/paymenticons/normal/alfalah.png"></a>
                            </td>

                            <td align="center">
                                <a class="tiptip" href=
                                "http://www.ubldirect.com" target="_blank"
                                title="United Bank Limited"><img onmouseout=
                                "this.src='http://173.254.28.69/~bluraysp/image/data/paymenticons/normal/ubl.png'"
                                onmouseover=
                                "this.src='http://173.254.28.69/~bluraysp/image/data/paymenticons/hover/ubl.png'"
                                src=
                                "http://173.254.28.69/~bluraysp/image/data/paymenticons/normal/ubl.png"></a>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>

            <div style="display:none">
            <table>
                <tbody>
                    <tr>
                        <td><img src=
                        "http://173.254.28.69/~bluraysp/image/data/paymenticons/hover/moneybookers.png"></td>

                        <td><img src=
                        "http://173.254.28.69/~bluraysp/image/data/paymenticons/hover/2checkout.png"></td>

                        <td><img src=
                        "http://173.254.28.69/~bluraysp/image/data/paymenticons/hover/visa.png"></td>

                        <td><img src=
                        "http://173.254.28.69/~bluraysp/image/data/paymenticons/hover/mastercard.png"></td>
                    </tr>

                    <tr>
                        <td><img src=
                        "http://173.254.28.69/~bluraysp/image/data/paymenticons/hover/omni.png"></td>

                        <td><img src=
                        "http://173.254.28.69/~bluraysp/image/data/paymenticons/hover/easypaisa.png"></td>

                        <td><img src=
                        "http://173.254.28.69/~bluraysp/image/data/paymenticons/hover/hbl.png"></td>

                        <td><img src=
                        "http://173.254.28.69/~bluraysp/image/data/paymenticons/hover/scb.png"></td>
                    </tr>

                    <tr>
                        <td><img src=
                        "http://173.254.28.69/~bluraysp/image/data/paymenticons/hover/abl.png"></td>

                        <td><img src=
                        "http://173.254.28.69/~bluraysp/image/data/paymenticons/hover/faysal.png"></td>

                        <td><img src=
                        "http://173.254.28.69/~bluraysp/image/data/paymenticons/hover/alfalah.png"></td>

                        <td><img src=
                        "http://173.254.28.69/~bluraysp/image/data/paymenticons/hover/ubl.png"></td>
                    </tr>
                </tbody>
            </table><img src="http://173.254.28.69/~bluraysp/image/data/socialicons/hover/f_logo.png">
            <img src="http://173.254.28.69/~bluraysp/image/data/socialicons/hover/t_logo.png"> <img src=
            "http://173.254.28.69/~bluraysp/image/data/socialicons/hover/g_logo.png"> <img src=
            "http://173.254.28.69/~bluraysp/image/data/socialicons/hover/r_logo.png"></div>


        </div><!--blog_Sec End-->


    </div>
</div>

</body>
html
css
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-07-02 08:59:20

向两个元素中添加一个类“tableDisplay”，然后更改显示类型：

代码语言：javascript
复制
.tableDisplay{ display: table-row; }

下面是更新的小提琴：http://jsfiddle.net/Mufvw/3/

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：

https://stackoverflow.com/questions/17421277

复制
相关文章

相似问题

领券

腾讯云开发者

扫码关注腾讯云开发者

扫码关注腾讯云开发者

领取腾讯云代金券

热门产品

热门推荐

更多推荐

Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有 

深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

腾讯云计算（北京）有限责任公司 京ICP证150476号 |  京ICP备11018762号

问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档