English 中文(简体)
Div 被溢出, 而不是单行 [重复]
原标题:Div getting overflowed not making separate line [duplicate]
  • 时间:2012-05-23 12:14:08
  •  标签:
  • html
  • css
This question already has answers here:
Closed 11 years ago.

Possible Duplicate:
wordwrap a very long string

我的代码

<div style="width:40px;">adfdddddddddddddddddddd</div>

此代码应该为 4 行, 但它以一行显示输出 。

最佳回答

尝试

<div style="width:40px;word-wrap:break-word;">adfdddddddddddddddddddd</div>;
问题回答

换句话说 考虑添加此类 。

.wordwrap { 
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}

参见

Your code is showing the output in one line because it s taking the content as a single word. A single word will be shown in a single line. Try this code using some sentence then you will get the desired output. You can try something like the following

<div style="width:40px;">This is a sentence.</div>




相关问题
CSS working only in Firefox

I am trying to create a search text-field like on the Apple website. The HTML looks like this: <div class="frm-search"> <div> <input class="btn" type="image" src="http://www....

image changed but appears the same in browser

I m writing a php script to crop an image. The script overwrites the old image with the new one, but when I reload the page (which is supposed to pickup the new image) I still see the old one. ...

Firefox background image horizontal centering oddity

I am building some basic HTML code for a CMS. One of the page-related options in the CMS is "background image" and "stretch page width / height to background image width / height." so that with large ...

Separator line in ASP.NET

I d like to add a simple separator line in an aspx web form. Does anyone know how? It sounds easy enough, but still I can t manage to find how to do it.. 10x!