Question

假设您有PHP框架生成的以下行：

ID: 1   
Name: David
LoginName: DavidAppple
Password: IamDavid  
Email: IamDavid@gmail.com
Phone: +555 333 222 111

说你想在1行中得到这些，所以它变成了：

ID: 1   Name: David LoginName: DavidAppple Password: IamDavid Email: IamDavid@gmail.com  Phone: +555 333 222

所有这一切你怎么能这样做？

这是CSS代码：

div.view
{
    padding: 10px;
    margin: 10px 0;
}

<div class="items">

<div class="view">

    <b>ID:</b>
    <a href="/testdrive/index.php/user/1">1</a> <br />

    <b>Name:</b>
    David   <br />

    <b>LoginName:</b>
    DavidAppple <br />

    <b>Password:</b>
    IamDavid    <br />

    <b>Email:</b>
    IamDavid@gmail.com  <br />

    <b>Phone:</b>
    +555 333 222 111    <br />


</div></div>

这是由PHP framwrok Yii生成的html部分，我希望能够删除<br />所以我可以将所有内容都放在一行中。

Answer 1

如果每一行都被div.view包裹，您可以尝试：

div.view
{
    display: inline;
}

Answer 2

您有导致此问题的中断标记br。

隐藏它们。然后其他项目将重新采用其内联默认值。

div.view br {
    display: none;
}

div.view {
  padding: 10px;
  margin: 10px 0;
}
div.view br {
  display: none;
}

<div class="items">

  <div class="view">

    <b>ID:</b>
    <a href="/testdrive/index.php/user/1">1</a> 
    <br />

    <b>Name:</b>
    David
    <br />

    <b>LoginName:</b>
    DavidAppple
    <br />

    <b>Password:</b>
    IamDavid
    <br />

    <b>Email:</b>
    IamDavid@gmail.com
    <br />

    <b>Phone:</b>
    +555 333 222 111
    <br />


  </div>
</div>

Answer 3

Css属性表示float：left的跨度。在encuente的div内的Encapsulala。

一个例子：

span {float:left);

Answer 4

如果您在PHP中可以使用生成的字符串，那么只需str_replace（）带有空字符串的br标记。如果没有，只需确保在div.view中将br标签设置为display：none。

将所有内容打印在一行中

4 个答案: