Handsome主题的博客Logo居中方法–Typecho博客程序

事情是这个样子的~

[collapse status=”false” title=””]最初使用这个主题的时候就发现设置的博客logo并没有被居中，尝试在自定义栏目写各种语法的居中均无效。推测应该是没有给元素的外部框架宽度。
偶然间看到一位博主的logo竟然是居中的，果断看代码。发现他在logo外部加了一个div框架，这也应证了我之前的想法。

这位博主加的代码是：

<div style="width:210px">
</div>

但这样造成的结果就是logo对页面尺寸变化无响应，可我们要的就是响应式网站哇~
[/collapse]

所以我进行了以下操作：

1.找到headnav.php

目录为： handsome/component/headnav.php

详情请参阅：
[post cid=”43″ /]

2.找到此段代码

<?php if ($this->options->logo!=""): ?>
    <?php echo $this->options->logo; ?>
<?php else: ?>
    <?php if ($this->options->indexNameIcon == ""): ?>
        <i class="fontello fontello-home"></i>
    <?php else: ?>
        <i class="<?php echo $this->options->indexNameIcon; ?>"></i>
    <?php endif; ?>
    <span class="hidden-folded m-l-xs"><?php $this->options->IndexName(); ?></span>
<?php endif; ?>

3.在他的外侧加个div框架，设定最小尺寸，如下

<!--增加一个div框架-->
<div style="min-width:190px">
</div>

另外通过对比后面的代码发现 最小距离设置为190px最为合适。