div+css中怎样实现文字自动换行?

html-css03

div+css中怎样实现文字自动换行?,第1张

div+css中实现文字自动换行代码如下:

1、CSS代码:#wrap{white-space:normalwidth:200px}。

2、DIV代码:<div >ddd1111111111111111111111111111111111</div>。

可以实现文字自动换行。

在Microsoft Excel软件单元格中,如果文本过长,则超出列宽以外的文本将被隐藏起来。

为了在保持列宽一定的情况下显示出单元格中的所有文本,可以设置文字自动换行。

<!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/html

charset=utf-8"

/>

<title>CSS代码文字段落设置</title>

<style

type="text/css">

.one

{

font-size:10pt

color:red

font-weight:bold}

.two

{

font-size:18pt

color:green

text-decoration:underline}

.three

{font-size:18pt

color:blue

text-decoration:overline}

</style>

</head>

<body>

<p

class="one">网站字号建议使用"px"为单位

,大小一般为:"12px~14px",太大会出现剧齿,比较难看

备注:pt与px的关系

(pt=px乘以3/4

)</p>

<p

class="two">网站字号建议使用"px"为单位

,大小一般为:"12px~14px",太大会出现剧齿,比较难看

备注:pt与px的关系

(pt=px乘以3/4

)</p>

<p

class="three">网站字号建议使用"px"为单位

,大小一般为:"12px~14px",太大会出现剧齿,比较难看

备注:pt与px的关系

(pt=px乘以3/4

)</p>

</body>

</html>