标签归档：whitespace
white-space属性
white-space属性定义了能识别样式的浏览器如何对待块标签内的空白[跳格(制表)、空格和进位返回]，在旅游网站建设制作时我们经常与overflow属性配合使用。 white-space最长用的一共有三个属性值分别是：normal、pre、nowrap 默认值normal重叠了空白，因此一个或多个跳格、空格和进位返回被认为是词之间的一个单个空格。 例如以下源代码，div标签里“旅游网站建设”和“旅游网站模板”这两个词中间打了很多空白。但当我们用浏览器显示时默认属性normal，会把中间的空白重叠为一个空白，使多余的空白失效。 <html> <head> <title>white-space属性测试</title> <style type=”text/css”> div{white-space: normal;} </style> </head> <body> <div> 旅游网站建设 旅游网站模板 </div> </body> </html> 第二个属性pre值和normal属性正好相反它模拟了<pre>标签，浏览器会保留和显示我们在源码里所有空格、跳格和进位范围。 第三个属性nowrap值告诉浏览器忽略进位返回，不要插入自动行中断；所有行中断必须由<br>标签来实现。这个属性我们经常用在旅游网站的线路标题上。例如： <html> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /> <title>在旅游网站建设中使过长的标题不换行</title> <style type=”text/css”> #abc{ width: 300px; overflow: hidden; white-space: nowrap; } … 继续阅读