Question

我只是创建了这个div函数：

<div class="row">
  <div class="col-sm-12">
    <!--<img src="images/article_image.png" class="img-responsive" />-->
    <?php //echo $wordRow['article_image']; ?>
    <h2 class="black_color" style="font-size: 25px; font-style:italic ;margin-left:15px">
      <?php echo $wordRow['article_name']; ?>
    </h2>
    <div class="black_color" style="margin-left:20px; margin-right:20px; overflow-y:auto;">
      <?php echo $wordRow['article_description']; ?>
    </div>
  </div>
</div>

给了我white form 这个this editor.的一部分，我可以在我的网站上创建文章。不幸的是，如果文字较长，我会在侧面滚动。我尝试添加

overflow-y:auto;

但这不起作用。为文本设置最大长度也不起作用。基本上我要做的是在白色文章表单中滚动，而不是在页面左侧。有什么想法吗？

Answer 1

这对我帮助很大。

<div style="height:100%; overflow:hidden">
    <div style="width:98.5%; position: fixed; bottom:23px; top: 137.5px; overflow:auto">
       <h2 class="black_color" style="font-size: 25px; font-style:italic ;margin-left:15px"><?php echo $wordRow['article_name']; ?>
      </h2>
      <div class="black_color" style="margin-left:20px; margin-right:20px;">
        <?php echo $wordRow['article_description']; ?>
     </div>
   </div>
</div>

我现在在表单内滚动，如this，整个页面保持不变。因此，文本将保留在白色表格内。

Answer 2

您可以设置两个溢出属性，overflow-x和overflow y

设置overflow-y滚动并将overflow-x隐藏在同一个div上，然后它也可以正常工作

如果你给你的div id和类，你可以避免使用内联样式并使用css样式表（更容易！）

例如在外部div上你可以给出外部的id，以及内部div，内部。你的css / style部分看起来像这样（例子）。在样式表中外部链接是首选/推荐

#outer{height:100%}


#inner{width: 98%;
       color:#000000;
        overflow-y:scroll;
        overflow-x:hidden;
        margin-left: 20px; 
        margin-right:20px;
  }

h2{color:#000000;
   font-size: 25px; 
   font-style:italic ;
    margin-left:15px}

Answer 3

这也有帮助：

＆＃13;

<div id="outer">
  <div id="inner">
    <h2 class="black_color" style="font-size: 25px; font-style:italic ;margin-left:15px"><?php echo $wordRow['article_name']; ?></h2>
    <div class="black_color" style="margin-left:20px; margin-right:20px;"><?php echo $wordRow['article_description']; ?></div>
  </div>
</div>

＆＃13;

products = sc.textFile("/user/cloudera/sqoop_import/products")

＆＃13;

无论哪种方式都很好。

需要帮助overflow-y：auto / scrolling

3 个答案: