为什么css布局左右不在一行，为什么css放在前面

CSS盒子布局-设置inline-block不能在排一行

1、新建一个html文件，命名为test.html。在test.html文件中，使用div标签创建一个模块，在它的里面，再使用div创建另一个模块。

2、在CSS中，块级对象元素会单独占一行显示，多个block元素会各自新起一行，并且可以设置width，height属性；而内联对象元素前后不会产生换行，一系列inline元素都在一行内显示，直到该行排满，对inline元素设置width，height属性无效。

3、内联元素是不可以控制宽和高、margin等；并且在同一行显示，不换行。块级元素时可以控制宽和高、margin等，并且会换行。inline：使用此属性后，元素会被显示为内联元素，元素则不会换行。

4、如果想让一个元素可以设置宽度高度，又让它以行内形式显示，我们可以设置display的值为inline-block。CSS3增加的box-sizing属性，允许我们规定元素使用哪种盒模型。

5、是因为其中一个盒子设置了vertical-align，改变了盒子的基线，将另一个盒子的vertical-aign设置成和它一样就可以解决啦。

相关问答

Q1: DIV+CSS布局时,为什么标题1和标题2为什么老是不能在同一行?

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

2、给div加浮动float属性就可以了，左浮动（float：left）或者右浮动（float：right）都无所谓只有宽度不超过他们的父元素的宽度就ok，最后加上一个clear属性来清除浮动，防止下面的元素发生错位现象。

3、(中间如果有空格 他会留空格的 上面的就不会，你要块状也可以换成display：inline-block；)。.p_left{display：inline；}。.p_right{display：inline；}。在界面设计的时候，经常需要将两个div在同一行显示。

Q2: CSS对齐问题,左右对不齐啊

这个很简单，批量选中需要调整的表格→右键→设置单元格格式→对齐→水平对齐→分散对齐（缩进）→确定。

是中间三列的与上下通栏的左右不对齐吗？修改一下三列的框和外边距的值。另外你的页面再火狐里中间的右边的广告赞助的背景也有问题，背景线有断层，查一下你的样式。应该很好改。

这对不齐才是正常情况，因为你得宽度是靠里面的文字内容撑开的，肯定会对不齐。你可以把宽度固定为一个通用值，将所有文字右对齐就行了。首先保证输入框对齐。

margin ： auto ；此属性用于将块元素水平对齐到中心。示例：注意：使用margin ： auto在IE8中不起作用，除非声明了！DOCTYPE。效果图：position： absolute；我们可以使用position： absolute；来对齐项目。

DIV高度自适应比较麻烦，你可以设置DIV元素的属性，padding-bottom：-10000px；margin-bottom：10000px实现，一个正值，一个负值，刚好抵消。但是这个必须设置父容器overflow：hidden否则在FF下，会出现页面很长的问题。

很不开心 进行预览，默认情况下浏览器显示效果如下；给div添加样式{text-align： justify；text-align-last： justify；}，就可以实现文本分散对齐。

为什么css布局左右不在一行的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于为什么css放在前面、为什么css布局左右不在一行的信息别忘了在本站进行查找喔。