如何在CSS中将flexbox的一行划分为2列，并在786px屏幕宽度上显示全宽？

在CSS中，可以使用flexbox来将一行划分为两列，并在786px屏幕宽度上显示全宽。下面是实现的步骤：

1. 创建一个包含两个子元素的父容器，可以使用<div>标签或其他适当的标签。
2. 在父容器上应用flexbox布局，可以通过设置display: flex来实现。
3. 设置父容器的flex-wrap属性为wrap，以便在屏幕宽度不足时换行显示。
4. 设置子元素的宽度，可以使用flex-basis属性来指定每个子元素的初始宽度。
5. 使用媒体查询（media query）来针对786px屏幕宽度设置全宽显示。可以在媒体查询中设置父容器的flex-direction属性为column，以使子元素垂直排列，并设置子元素的宽度为100%。

下面是一个示例代码：

<div class="container">
  <div class="column">Column 1</div>
  <div class="column">Column 2</div>
</div>

.container {
  display: flex;
  flex-wrap: wrap;
}

.column {
  flex-basis: 50%;
}

@media screen and (max-width: 786px) {
  .container {
    flex-direction: column;
  }
  
  .column {
    width: 100%;
  }
}

在这个示例中，父容器使用flexbox布局，并设置了flex-wrap: wrap以实现换行。子元素的宽度通过flex-basis: 50%设置为50%。在786px屏幕宽度以下，媒体查询生效，父容器的flex-direction属性变为column，子元素的宽度设置为100%。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云云函数（SCF）。

• 腾讯云云服务器（CVM）：提供弹性计算能力，可根据业务需求灵活调整配置，支持多种操作系统和应用场景。了解更多：腾讯云云服务器
• 腾讯云云函数（SCF）：无需管理服务器，按需执行代码，实现无服务器架构，适用于事件驱动型应用场景。了解更多：腾讯云云函数