php – 在两个不同的div中没有​​一定长度的文本

发布时间:2020-01-13 发布网站:大佬教程
大佬教程收集整理的这篇文章主要介绍了php – 在两个不同的div中没有​​一定长度的文本大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

首先要做的事情!

成分:水平对齐的两个div(每个都有父对象的宽度的50%)和一些文本放在第一个div(左),然后,如果溢出,在第二个div(右). div高200像素.

该文本来自一个PHP脚本,该脚本回显包含所有文本的变量(< p><?php echo $foo;?>< / p>).在括号中我写了一个< p>标签. DOM看起来像这样:

问题:我正在尝试使用CSS flex属性来实现这个目标,但是我找不到一种方法来将第二个div中的溢出文本放在第二个div中.

问题:如何将溢出的文本放在第二个div中,使PHP脚本保持干净?

实际演示:

.thecontainer{
  width:100%;
  height:100px;
  overflow: hidden;
  display: block;
}

.therightone {
    background-color: red;
    width: 50%;
    height:100px;
    display: block;
    float:right;
}
.theleftone {
   background-color: blue;
   width: 50%;
   height:100px;
   display:block;
   float: left;
}
最佳答案
你可以使用CSS3 columns

.thecontainer {
  width: 100%;
}

.theleftone {
  background-color: lightblue;
  columns: 2;
}

p {
  margin: 0
}

大佬总结

以上是大佬教程为你收集整理的php – 在两个不同的div中没有​​一定长度的文本全部内容,希望文章能够帮你解决php – 在两个不同的div中没有​​一定长度的文本所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ群:277859234,请注明来意。