CSS内容离开屏幕

时间:2016-03-17 21:34:15

标签: html css wordpress

我试图将内容集中在一起,但我的内容正在向右移动并离开屏幕

这是我的代码:

 if (vc_shortcode_custom_css_has_property( $css, array('border', 'background') )) {
$css_classes[]='vc_col-has-fill'; 
 }

  $wrapper_attributes = array();

 $css_class = preg_replace( '/\s+/', ' ', apply_filters( VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, implode( ' ', array_filter( $css_classes ) ), $this->settings['base'], $atts ) );
 $wrapper_attributes[] = 'class="' . esc_attr( trim( $css_class ) ) . '"';

 $output .= '<div ' . implode( ' ', $wrapper_attributes ) esc_attr( trim( vc_shortcode_custom_css_class( $css ) ) ). '>';
 $output .= '<div class="vc_column-inner">';
 $output .= '<div class="wpb_wrapper">';
 $output .= wpb_js_remove_wpautop( $content );
 $output .= '</div>';
 $output .= '</div>';
 $output .= '</div>';

 echo $output;

以下是实时链接:http://www.abiglittlebiz.com/trevelle/about-us/

我试图实现div变得敏感

3 个答案:

答案 0 :(得分:0)

正如其他人在评论中指出的那样。问题不是CSS。问题是内容。在您的内容中,所有空格都被&nbsp;取代,这使浏览器不会出现断线。

只是为了验证这一点,您可以将规则word-break: break-word;添加到您的div中,并注意这些行将被强制打破中间词并保留在您的div中。

答案 1 :(得分:0)

你有$ aboutus Non-Breaking Space

在这种情况下,文本不能中断并转到新行。从您的内容中清除不间断空格或尝试此操作:

np.tensordot(X,tensor, axes=([1],[0]))

答案 2 :(得分:0)

您需要使用偏移类。

<section>
    <div class="container">
        <div class="row">
            <div class="col-md-offset-4 col-md-4">
                <h2> <?php echo "$aboutheading"; ?></h2>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="row">
            <div class="col-sm-offset-4 col-md-offset-3 col-sm-4 col-md-6">
                <p class="lead"><?php echo "$aboutus"; ?></p>
            </div>
        </div>
    </div>
</section>