问题：css制作动态导航栏菜单如果在文字太多会撑大， 怎么办？怎么设置css，请大家教我。

html-css028

问题：css制作动态导航栏菜单如果在文字太多会撑大， 怎么办？怎么设置css，请大家教我。,第1张

在相应的css中这样设置：

white-space:nowrap 这个表示禁止换行。

overflow:hidden 这个表示隐藏益处部分··

祝你成功~

举例：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<title>Untitled Document</title>

</head>

<body>

<div style="font-size:12pxcolor:#FFFwidth:60pxheight:20pxbackground:#00Fwhite-space:nowrapoverflow:hidden">演示菜单演示菜单演示菜单演示菜单演示菜单演示菜单</div>

</body>

</html>

<div class="box">

<div class="left"></div>

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

<div style="clear:both"></div>

</div>

只有当里面的内容是浮动的时候， 火狐才不会自动撑开， 办法就是

后面加个清除浮动 <div style="clear:both"></div>

文本域是textarea标签。

想要给文本域标签设置宽度和高度，可以通过rows属性和cols属性，前者是规定显示多少行，后者是一行多少个字符。

当然也可以通过css的方法。通过style属性或者文本域的标签选择器。例如:

<textarea style="width: 100pxheight: 200px">

当然style里面也是可以设置字体样式的。