Web前端设计:Html强制不换行<nobr>标签用法代码示例_html/css_WEB-ITnose

1

2

3

< div style = "white-space: nowrap;" >

即使浏览器的横幅不够，这里也不会换行。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

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

< head >

< meta http-equiv = "Content-Type" content = "text/html; charset=utf-8" />

< title >nobr标签实例 www.169it.com

< style >

ul{ border:1px solid #000; width:200px;}

li{ width:200px; line-height:22px}

< body >

< ul >

< li >< nobr >第一排内容文字多加nobr标签测试内容

< li >< nobr >第二排内容文字多加nobr标签不能排下

< li >第三排内容文字多没有加nobr标签

< li >第四排 文字少能排下

1

2

3

4

5

6

7

8

9

10

11

12

13

14

< style type = "text/css" >

.AutoNewline

{

width:300px;

border:1px solid red;

}

< table >

< tr >

< td class = "AutoNewline" >< nobr >自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换

行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自

动换行自动换行自动换行