Question

我正在使用基础4，我有一个块状网格，在我的iPhone 5（ios7）上看起来像我想要它的画像，但是当我把它变成风景时，它是一团糟。出于某种原因，它并没有以画像为中心的任何内容。

<div class="row"><!-- for centering -->
<div class="small-12 large-8 small-centered columns">

<div class="row">
  <div class="small-12 large-8 small-centered columns" style="text-align:center;">
  <h3 id="makemebold"><small>some long text about why my site is great<small></h3>
  </div>
</div>

<div class="row">
  <div class="small-12 large-8 small-centered columns">
  <a href="shopping_list" class="greencallout">
     Hey, User, Get Started! Woohoo!</a></div>
</div>

<div class="row">&nbsp;</div>

<div class="row">
<div class="small-12 large-6 small-centered columns">
<ul id="board" class="small-block-grid-2 large-block-grid-8" >
   <li><a id="login_a" class="mobile_buttons" href="#" 
        title="Click here to Login">Login|Register</a></li>
   <li><a id='makemebold' class="mobile_buttons" href="learn">Learn More</a></li>
   <li><a href="profile" class="mobile_buttons" >Profile</a></li>
  <li><a href="contact" class="mobile_buttons">Contact</a></li>
</ul>
</div>
</div>

</div>
</div><!-- end of centering div -->

“我的网站为何很棒的长篇文章”以中心为主题。但是当翻转到横向时，它不会变得更大，似乎也不会变成大8的设置。

感谢您的帮助！

Answer 1

没关系。我刚添加了style =“text-align：center;”对于每个没有居中的div标签，它解决了问题。

基础4中的纵向和横向移动中心块网格

1 个答案: