css设置div只显示两行，css显示两行后多余显示点

如何可以让div内的元素不换行?

1、打开vscode，创建一个测试页面，在测试页面中，添加一个宽度=300px的div，同时添加div的红色边框。此处设置固定宽度和边框，是为了更好的演示换行与不换行。

2、首先我们在Html，div和textarea控件中编写相应的代码，有一些文本内容。为了使它不换行，你可以直接添加一个样式。white-space： nowrap； 就是让文本不换行的样式。

3、首先我们在Html，div和textarea控件中编写相应的代码，有一些文本内容。为了使它不换行，你可以直接添加一个样式。white-space：nowrap；就是让文本不换行的样式。

相关问答

Q1: css两个div不能显示在同一行,设置float还不得,请看一下是什么问题_百度...

看样子你是使用li标签布局的吧，li标签是块级元素。建议你更改li标签的宽度，或者是使用浮动float，试一下。

你好，你在CSS里面，.main .gn2，表示在mian类里的gn2生效， 你的HTML代码里面并没有main类，所以css所有样式都没有选择成功，把css里的.main全都去掉，就可以在同一行了，下图是去掉.main后的效果。

这是因为你的class选择器为数字的原因，将数字改为字母就生效了。在web规范里面不能使用数字开头的选择器。

Q2: CSS+div如何将一列变换为2行呢

首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。在index.html中的 标签中，将外层的table改为p，新增css代码：p{width：300px；}table{float：left；}。

设置两个div框架，分别设置这两个div框架的宽度（宽度应小于或是等于整体宽度），把它们都设置成float：left。基本就是这样了。

最好不要直接分 以后维护很麻烦 最好是直接在content里面放两个DIV来实现。如果非要这样 你可以考虑下将左右两列用定位来处理。

关于css设置div只显示两行和css显示两行后多余显示点的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。