Question

嗨，伙计们，我正在尝试创建一个布局并理解使用CSS和div。看起来我很难将中心列固定在中心位置，因为每当我输入一个长文本时它超出了右列，避免这种情况的最佳方法是什么？任何更容易理解的方法？我是初学者，我曾经使用TABLES和TD，它更容易理解，但我试图赶上divs因为表和行似乎已经过时了。请帮助谢谢。

这是我的代码：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>

Answer 1

您应该将word-wrap的{{1}}属性设置为#center。

break-word

这是 jsFiddle

以下是有关word-wrap的信息的链接。

Answer 2

将此添加到您的CSS，这将打破长话

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

Answer 3

word-wrap: break-word;

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

Answer 4

你的问题是你正在使用一个不间断的“字”来测试你的布局。当没有足够空间容纳下一个单词时，句子将被切断，并强制换行，并继续前进，不再有文字。

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

Answer 5

您可以使用此css

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

DIV使用CSS布局Basic

5 个答案: