CSS内容离开屏幕(CSS Content goes off the screen)

CSS内容离开屏幕(CSS Content goes off the screen)

我试图集中内容，但我的内容正在右侧，并离开屏幕

这是我的代码：

<?php /* Template Name: About Us */ $aboutheading = get_field('about_heading'); $aboutus = get_field('about_us'); get_header(); ?> <section> <div class="container"> <div class="row"> <div class="col-md-4"> <h2> <?php echo "$aboutheading"; ?></h2> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-sm-4 col-md-6"> <p class="lead"><?php echo "$aboutus"; ?></p> </div> </div> </div> </section> <?php get_footer(); ?>

这是实时链接： http ： //www.abiglittlebiz.com/trevelle/about-us/

我正在努力实现div变得敏感

I am trying to center the content but my content is going on the right side and goes off the screen

Here is my code:

<?php /* Template Name: About Us */ $aboutheading = get_field('about_heading'); $aboutus = get_field('about_us'); get_header(); ?> <section> <div class="container"> <div class="row"> <div class="col-md-4"> <h2> <?php echo "$aboutheading"; ?></h2> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-sm-4 col-md-6"> <p class="lead"><?php echo "$aboutus"; ?></p> </div> </div> </div> </section> <?php get_footer(); ?>

Here is the live link:http://www.abiglittlebiz.com/trevelle/about-us/

what I'm trying to achieve that the div becomes responsive

最满意答案

你有$ aboutus Non-Breaking Space

在这种情况下，文本不能中断并转到新行。 从您的内容中清除不间断的空格或试试这个：

<p class="lead"><?php echo str_replace('&nbsp;', ' ', $aboutus); ?></p>

You have in your $aboutus Non-Breaking Space  

In this case, text can't be break and go to new line. Clear Non-Breaking Spaces from your content or try this:

<p class="lead"><?php echo str_replace('&nbsp;', ' ', $aboutus); ?></p>