html元素分为块状元素和行内元素，块状元素有宽高属性，独占一行，行内元素没有宽高，元素多了自动换行，他们两个之间可以通过display:block/inline-block进行切换。
即使div设置了宽高他还是会独占一行，如果想要实现两个div并排放置的话就需要用浮动来实现，相对定位的元素没有脱离文档流，还会占用原来的空间，绝对定位依赖于父级容器的定位情况，还要计算上下左右的距离，绝对定位一般适合与页面中少部分元素的点缀，大量使用用来布局不是好的选择。
vscode一行文字太长自动换行方法如下:
1、打开vswxxxcode-style，创建一个测试页面，在测试页面中，添加一个宽度=300px的div，同时添加div的红色边框。此处设置固定宽度和边框，是为了更好的演示换行与不换行。
2、在div标签的内部，添加一些测试的文字，这些文字可以随便添加，仅仅只是演示而已。文字不要太少，最少要占据两行的空间。
3、在浏览器中打开测试页面，可以看到默认div内部的文字就自动换行了。因此，在没有设置强制不换行的情况下，让其自动换行，不需要额外的设置。
4、如果想要div内部的文字强制不换行，使用下面这个css样式即可。white-space: nowrap;。
5、在浏览器中，再次打开测试页面可以看到，div内部的文字强制没有换行了，而且占用的宽度已经超过了div预设的宽度了。
6、上面的效果，文字虽然强制没有换行了。只不过还是不太好看，如果想要让文字在div的宽度内强制不换行，超出的内容使用滚动条，就再加上一个样式。
7、在浏览器中再次打开测试页面，就能看到文字没有超过div预设的宽度了，也没有换行，div宽度显示不够的文字，自动有了滚动条。
用DIV+CSS中设置代码：
.text-overflow{
display:block;/*内联对象需加*/
width:31em;
word-break:keep-all;/* 不换行 */
white-space:nowrap;/* 不换行 */
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}
1、首先我们在Html，div和textarea控件中编写相应的代码，有一些文本内容。 2、为了使它不换行，你可以直接添加一个样式。white-space: nowrap; 就是让文本不换行的样式。 3、现在查看页面，文本不会换行，文本输入框有一个滚动条。但是div中的内容太长而无法显示，它并不美观。为了使div不超长显示，我们可以添加另一种样式，溢出：隐藏;这是为了让长内容自动隐藏。
如果不想让div换行，可以有两种方法： 第一种 设置div为浮动元素，并设置相应的宽度。 举例：div{ width:200px; float:left;} 第二种 设置div为内联元素，或内联块级元素。 举例：div{ display:inline; display:inline-block;//两者写其一即可}
表格自动换行:
一般字母的话会被浏览器默认是一个字符串或者说一个单词，所以不会自动换行。 需要设置，让表格内容自动换行：
1.在中设置样式style为word-wrap:break-word;word-break:break-all;（一般情况只需要设置word-break:break-all即可，但是有时候需要加word-wrap:break-word ）
2.把表格的sytle的table-layout：fixed，就是表格固定宽度，就是表格既要自适应他外面的容器，也不要撑出去，然后设置td的word-wrap：break-word；换行 注意：IE和firefox是有很大区别的！ 1. (IE浏览器)使用 table-layout:fixed;强制table的宽度,多余内容隐藏2.(IE浏览器)使用 table-layout:fixed;强制table的宽度,内层td,th采用word-break : break-all;或者word-wrap : break-word ;换行
1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。
2、在index.html中的<body>标签中，将外层的table改为div，新增css代码：div {width: 300px;} table {float: left;}。
3、浏览器运行index.html页面，此时表格们实现了每3个自动换行。
一般字母的话会被浏览器默认是一个字符串或者说一个单词，所以不会自动换行。需要设置，让表格内容自动换行：
1.在中设置样式style为word-wrap:break-word;word-break:break-all;（一般情况只需要设置word-break:break-all即可，但是有时候需要加word-wrap:break-word ）
2.把表格的sytle的table-layout：fixed，就是表格固定宽度，就是表格既要自适应他外面的容器，也不要撑出去，然后设置td的word-wrap：break-word；换行
1、首先我们在Html，div和textarea控件中编写相应的代码，有一些文本内容。
2、为了使它不换行，你可以直接添加一个样式。white-space:nowrap; 就是让文本不换行的样式。
3、现在查看页面，文本不会换行，文本输入框有一个滚动条。但是div中的内容太长而无法显示，它并不美观。为了使div不超长显示，我们可以添加另一种样式，溢出：隐藏;这是为了让长内容自动隐藏。
你在head里面加入 div的属性div{ float:left}这样div就会在宽度够的情况下自动向左浮动，多行div并做一行若想要随心所欲的控制位置，我一般就是加 mragin系列进行控制
热门排行
热评榜单
