css中怎么把一行分成两列

在前端开发中，经常需要将一行内容分成两列来优化页面布局。而CSS提供了多种方法可以实现这个功能。
方法一：使用float属性
可以使用float属性将左侧内容浮动到左边，并向右侧挤压出一块空白，然后让右侧内容占据这个空白。
示例代码如下：

p {
  width: 50%;
  float: left;
} 

其中，p标签设置了50%的宽度并向左浮动。通过此方法，页面中的一行内容就被分成了两列。
方法二：使用display属性
CSS中的display属性可以改变元素的默认行为。使用这个属性可以将行内元素变为块级元素，从而可轻松实现一行分为两列的效果。
示例代码如下：

p {
  width: 50%;
  display: inline-block;
} 

其中，p标签设置了50%的宽度并改变了元素的显示方式为inline-block。同样可以实现页面一行内容分成两行的效果。
方法三：使用flexbox布局
flexbox是CSS3中引入的一种布局方式，可用于快速实现页面布局功能，包括将一行内容分成两列。该方法需要父元素的display属性设置为flex。
示例代码如下：

.container {
  display: flex;
}
p {
  flex: 1;
} 

其中，container为父元素，设置了display为flex，p标签设置了flex属性为1，表示占据相等的空间。通过这种方法，页面中的一行内容就被分成了两列。
总结：
以上就是三种常见的将一行分为两列的方式。除了以上方法外，还有众多方式可以实现页面布局，如table布局、grid布局等。需要根据实际页面需求来选择。