Question

我不确定如何将双击广告水平居中。在阅读了类似问题Centre align leaderboard ad后，我现在正在使用此代码

<div class="center"> 
<style type="text/css">
.center {
    text-align: center;
    margin: 0 auto;
}
</style>

AD CODE

</div>

但它不起作用。有什么想法吗？

为了澄清，该广告正在本网站上使用。 http://worldgreendaily.com/

页面上的总代码为：

<?php
if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly
$page_layout = get_option(THEME_NAME."_page_layout");
//logo settings
$logo = get_option(THEME_NAME.'_logo'); 
$search = get_option(THEME_NAME.'_search'); 
//top banner    
$topBanner = get_option(THEME_NAME."_top_banner");
$topBannerCode = get_option(THEME_NAME."_top_banner_code");
//fixed menu
$menuStyle = get_option(THEME_NAME."_menu_style");
$weatherSet = get_option(THEME_NAME."_weather");
$weather = OT_weather_forecast($_SERVER['REMOTE_ADDR']);
// header social icons
$socialHeader = get_option(THEME_NAME."_social_header");


$vimeo = get_option(THEME_NAME."_vimeo");
$twitter = get_option(THEME_NAME."_twitter");
$facebook = get_option(THEME_NAME."_facebook");
$googlepluss = get_option(THEME_NAME."_googlepluss");
$pinterest = get_option(THEME_NAME."_pinterest");
$tumblr = get_option(THEME_NAME."_tumblr");
$linkedin = get_option(THEME_NAME."_linkedin");
$dribbble = get_option(THEME_NAME."_dribbble");
$soundcloud = get_option(THEME_NAME."_soundcloud");

?>
    <!-- BEGIN .boxed -->
    <div class="boxed<?php echo $page_layout=="boxed" ? " active" : false; ?>">

        <!-- BEGIN .header -->
        <div class="header">

            <!-- BEGIN .header-very-top -->
            <div class="header-very-top">

                <!-- BEGIN .wrapper -->
                <div class="wrapper">

                    <div class="left">
                        <?php

                            if ( function_exists( 'register_nav_menus' )) {
                                $walker = new OT_Walker_Top;
                                $args = array(
                                    'container' => '',
                                    'theme_location' => 'top-menu',
                                    'items_wrap' => '<ul class="ot-menu very-top-menu load-responsive" rel="'.__("Top Menu", THEME_NAME).'"><li><a href="'.home_url().'" class="icon-text"><i class="fa fa-home"></i></a></li>%3$s</ul>',
                                    'depth' => 3,
                                    'walker' => $walker,
                                    "echo" => false
                                );


                                if(has_nav_menu('top-menu')) {
                                    echo wp_nav_menu($args);        
                                }       

                            }   

                        ?>

                    </div>

                    <?php if($weatherSet=="on") { ?>
                            <?php if(!isset($weather['error'])) { ?>
                                <div class="right">
                                    <div class="weather-report">
                                        <span><?php _e("Weather",THEME_NAME);?></span>
                                        <b><?php echo $weather['country'].', '.$weather['city'];?></b>
                                        <img src="<?php echo THEME_IMAGE_URL.$weather['image'];?>.png" alt="<?php echo $weather['country'].', '.$weather['city'];?>" />

                                        <font class="weather-meter" style="background: <?php echo $weather['color'];?>;"><?php echo $weather['temp_'.get_option(THEME_NAME."_temperature")];?></font>

                                    </div>
                                </div>
                            <?php 
                                } else { 
                                    echo $weather['error'];
                                } 
                            ?>
                        <?php } ?>

                    <div class="clear-float"></div>

                </div>
                <div class="double-split"></div>
            <!-- END .header-very-top -->
            </div>

            <!-- BEGIN .header-middle -->
            <div class="header-middle">
                <div class="wrapper">
                    <?php if($logo) { ?>
                        <div class="logo-image">
                            <h1><?php bloginfo('name'); ?></h1>
                            <a href="<?php echo home_url(); ?>"><img class="logo" src="<?php echo $logo;?>" alt="<?php bloginfo('name'); ?>" /></a>
                        </div>
                    <?php } else { ?>
                        <div class="logo-text">
                            <h1><a href="<?php echo home_url(); ?>"><?php bloginfo('name'); ?></a></h1>
                        </div>
                    <?php } ?>

                    <?php if($topBanner=="on") { ?>

                        <div class="banner">
                            <div class="banner-block">
                                <?php echo stripslashes(do_shortcode($topBannerCode));?>
                            </div>

                            <?php if (is_pagetemplate_active("template-contact.php")) { ?>
                            <?php $contactID = ot_get_page('contact'); ?>
                                <div class="banner-info">
                                    <a href="<?php echo get_page_link($contactID[0]);?>" class="sponsored"><span class="icon-default">&nbsp;</span><?php _e("Sponsored Advert", THEME_NAME);?><span class="icon-default">&nbsp;</span></a>
                                </div>
                            <?php } ?>
                        </div>

                    <?php } ?>

                    <div class="clear-float"></div>

                </div>
            <!-- END .header-middle -->
            </div>

            <!-- BEGIN .header-menu -->
            <div class="header-menu<?php if($menuStyle=='on') { echo ' thisisfixed'; } ?>">
                <div class="wrapper">
                    <?php   

                        wp_reset_query();
                        if ( function_exists( 'register_nav_menus' )) {
                            $walker = new OT_Walker;
                            $args = array(
                                'container' => '',
                                'theme_location' => 'middle-menu',
                                'items_wrap' => '<ul class="%2$s main-menu" >%3$s</ul>',
                                'depth' => 3,
                                "echo" => false,
                                'walker' => $walker
                            );


                            if(has_nav_menu('middle-menu')) {
                                echo wp_nav_menu($args);        
                            } else {
                                echo "<ul class=\"main-menu\"><li class=\"navi-none\"><a href=\"".admin_url("nav-menus.php") ."\">Please set up ".THEME_FULL_NAME." menu!</a></li></ul>";
                            }       

                        }
                    ?>

                    <?php if($search=="on") { ?>
                        <div class="right menu-search">
                            <form method="get" action="<?php echo home_url(); ?>" name="searchform" >
                                <input type="text" value="" placeholder="<?php _e("Search something..",THEME_NAME);?>" name="s" id="s"/>
                                <input type="submit" class="search-button" value="&nbsp;" />
                            </form>
                        </div>
                    <?php } ?>

                    <div class="clear-float"></div>

                </div>
            <!-- END .header-menu -->
            </div>

            <!-- BEGIN .header-undermenu -->
            <div class="header-undermenu">
                <div class="wrapper">
                        <?php

                            if ( function_exists( 'register_nav_menus' )) {
                                $args = array(
                                    'container' => '',
                                    'theme_location' => 'third-menu',
                                    "link_before" => '<i>',
                                    "link_after" => '</i>' ,
                                    'items_wrap' => '<ul class="secondary-menu" >%3$s</ul>',
                                    'depth' => 1,
                                    "echo" => false
                                );


                                if(has_nav_menu('third-menu')) {
                                    echo wp_nav_menu($args);        
                                }       

                            }   

                        ?>

                    <div class="clear-float"></div>

                </div>
            <!-- END .header-undermenu -->
            </div>

        <!-- END .header -->
        </div>

 <?php wp_reset_query(); ?>
  <div style="text-align: center; margin: 0 auto;"><!-- Test_WGD -->
  <div id='div-gpt-ad-1419519536676-0' style='width:728px; height:90px;'>
   <script type='text/javascript'>
   googletag.cmd.push(function() { googletag.display('div-gpt-ad-1419519536676-0'); });
   </script></div>

   </html>

Answer 1

如果您将css放在页面上而不是链接到外部css文件，则应将其放在<head></head>标记内。您的文档应如下所示：

<html>
   <head>
      <style type="text/css">
         .center {
             text-align: center;
             margin: 0 auto;
         }
      </style>
   </head>

   <body>
      <div class="center">AD CODE</div>
   </body>
</html>

你也可以使用内联样式（我不推荐）如果你想要div附近的样式就像你的例子：

<div style="text-align: center; margin: 0 auto;">AD CODE</div>

<强>更新

这是从iframe引入的。您需要做的是找到我在下图中指出的id：

enter image description here

这是：

 <div id='div-gpt-ad-1419519536676-0' style='width:728px; height:90px;'>

并向其添加margin: auto，如下所示：

 <div id='div-gpt-ad-1419519536676-0' style='width:728px; height:90px; margin: auto;'>

这应该使你的形象居中

Answer 2

必须替换div和样式标签。

<html>
<head>
<style type="text/css">
.center {
    text-align: center;
    margin: 0 auto;
}
</style>
</head>
<body>
<div class="center"> 
AD CODE

</div>
</body>
</html>

以双击广告为中心

2 个答案: