使用CSS布局基本的DIV

使用CSS布局基本的DIV,css,html,Css,Html,大家好,我正在尝试使用CSS和div创建一个布局并理解它。似乎我很难将中间的列固定在中间,因为每次我键入的长文本都超出了正确的列,避免这种情况的最佳方法是什么?有更容易理解的方法吗?我是初学者,我曾经使用表和TD,这更容易理解,但我正在努力赶上div,因为表和行似乎过时了。请帮忙,谢谢 这是我的密码: 菜单栏在这里 标题标志在这里 GGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGG

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

这是我的密码:


菜单栏在这里
标题标志在这里
GGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGG
页脚在这里

将此添加到CSS中,这将打断长单词

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

您应该将
#center
上的
wordwrap
属性设置为
break word

#center
{
  word-wrap: break-word;
}
这里有一个

这里有一个链接,指向有关的信息


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

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

正如其他人所指出的,如果你需要使用大量的大词来打破你的布局,那么使用
wordwrap:breakword以在适当的地方打断它们。

您可以使用此css

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

表格不是过时的,它们只是最好与表格数据一起使用。
word-wrap: break-word;
#center {
word-wrap:break-word;
}