1. 爱易网页
  2. CSS教程
  3. DIV不换行的方法

DIV不换行的方法

日期：2013-05-08　 浏览次数：21114 次

DIV不换行的方法，如下代码：

  1. <html> 
  2. <head> 
  3. <title>DIV不换行的方法 - www.cxybl.com</title> 
  4. <style type="text/css"> 
  5. #bottom { 
  6.  margin:0 auto;/*下边居是0 */ 
  7.  width:300px; 
  8. } 
  9. #bottom div { 
  10.  width:60px; 
  11. } 
  12. #d1 {  
  13.  float:left;  
  14.  background:#f00; 
  15. } 
  16. #d2 {  
  17.  float:right;  
  18.  background:#0f0; 
  19. } 
  20. #d3 {  
  21.  float:right;  
  22.  background:#00f; 
  23. } 
  24. #d4 {  
  25.  float:right;  
  26.  background:#00f; 
  27. } 
  28. #d5 {  
  29.  float:right;  
  30.  background:#00f; 
  31. } 
  32. </style> 
  33. </head> 
  34. <body> 
  35. <div id="bottom"> 
  36. <div id="d3">d3</div> 
  37. <div id="d1">d1</div> 
  38. <div id="d2">d2</div> 
    39. <

相关资料更多>

  1. 在用CSS创立类及id时应留意的一些规范化命名
  2. 也谈也谈Doctype
  3. 如何完成FireFox文本自动换行
  4. 完全CSS下拉菜单，只用CSS，纯CSS构筑！
  5. 运用CSS滤镜的方法
  6. 巧用expression区分只读文本框和普通文本框的背风景
  7. CSS规划:让页脚一直坚持底部的方法
  8. -moz-user-select与onselectstart 制止选择文字的方法
  9. CSS技巧知识：子元素浮动后父容器的闭合