0

大家好，我正在尝试使用 CSS 和 div 创建布局并理解。似乎我很难将中心列固定在中心，因为每次我输入长文本时它都会超出右列，避免这种情况的最佳方法是什么？有什么更容易理解的方法吗？我是初学者，我曾经使用 TABLES 和 TD，它更容易理解，但我试图赶上 div，因为表和行似乎已经过时了。请帮忙谢谢。

这是我的代码：http: //jsfiddle.net/CVXKn/2/

<div id="wrapper" align="center">

        <div id="wrapper_inner">

            <div id="menubar">MENU BAR GOES HERE</div>

            <div id="headerContainer">Header LOGO Goes here</div>

            <div id="bodyContainer">

                <div id="left"> </div>

                <div id="center"> gegggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg</div>
                    <div id="centerEnter"> </div>

                <div id="right"> </div>
                <div class="clear"> </div>

            </div>   

            <div id="footerContainer">Footer Goes Here</div>

         </div>

     </div>
4

5 回答 5

2

您应该将word-wrap属性设置#center为break-word。

#center
{
  word-wrap: break-word;
}

这是一个jsFiddle

这是有关word-wrap.

于 2013-09-04T08:43:09.873 回答
0

将此添加到您的 CSS 中，这会打断长词

#center {
    word-wrap:break-word;
}
于 2013-09-04T08:42:59.417 回答
0

你可以使用这个CSS

#center {
word-wrap:break-word;
}
于 2013-09-04T09:15:44.100 回答
0 
word-wrap: break-word;

在中心 div 的 CSS 中应该修复它。

于 2013-09-04T08:44:00.077 回答
0

您的问题是您正在使用一个完整的“单词”来测试您的布局。当没有足够的空间容纳下一个单词时，句子将被截断，并强制换行并继续直到没有更多文本为止。

正如其他人指出的那样，如果您需要使用大量会破坏布局的大词，请word-wrap: break-word;在适当的地方使用它们。

于 2013-09-04T08:44:09.213 回答