Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/video/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
用php echo将两个div排成一行_Php_Html_Class - Fatal编程技术网

用php echo将两个div排成一行

用php echo将两个div排成一行,php,html,class,Php,Html,Class,我制作了一个div,其中放置了EchoPHP,从数据库中读取信息。我将一个放在php函数的末尾,为另一个客户分离信息。现在我想把两个div放在一行中,但我有一个不允许这样做。如何解决这个问题 代码: 输入法: 奥克鲁格: 电话: 这段代码看起来是这样的:如果您希望每行有两个元素,我建议您使用网格系统,例如Skeleton() 使用经验证的框架,如骨架或引导 然而,如果你想自己动手,你需要 将div设置为inline block或float:left/right并将width:50%设置

我制作了一个div,其中放置了EchoPHP,从数据库中读取信息。我将一个

放在php函数的末尾,为另一个客户分离信息。现在我想把两个div放在一行中,但我有一个

不允许这样做。如何解决这个问题

代码:


输入法:
奥克鲁格:
电话:

这段代码看起来是这样的:

如果您希望每行有两个元素,我建议您使用网格系统,例如Skeleton()

使用经验证的框架,如骨架引导


然而,如果你想自己动手,你需要

  • 将div设置为
    inline block
    float:left/right
    并将
    width:50%
    设置为每个div

  • 删除换行符(
    br
    ),因为元素将自动自行换行

  • 尝试以下CSS:

    .divmobilni{
        display:inline-block;
        margin:0px; //remove any margins to prevent breaking at each element
        box-sizing:border-box; //allow paddings to not interfere with element width 
        width: 50%;
    }
    

    恐怕我不明白。你不能简单地在
    br
    前面加上另一个
    div
    ?在该div中输入什么?你想回显什么?请注意,默认情况下,
    div
    标记是块元素,因此占据整行(除非通过CSS将它们浮动或更改为
    inline
    inline block
    )。你确定是
    br
    导致了中断吗?@KevinPei使用此代码,div是这样的:现在我想在同一行中放置两个div,而不是一行中只有一个div?可能重复使用框架在同一行上对齐两个元素?这不是太过分了吗?@sodawillow是不是太过分了?对这就是为什么我推荐Skeleton而不是Bootstrap,甚至并没有提到语义之类的东西。但是,当您有经过bug测试并得到充分验证的代码供您使用时,为什么要创建自己的类呢?此外,鉴于OP试图将两个盒子并排对齐,可以合理地假设他与其他元素也会有类似的情况。
    .divmobilni{
        display:inline-block;
        margin:0px; //remove any margins to prevent breaking at each element
        box-sizing:border-box; //allow paddings to not interfere with element width 
        width: 50%;
    }