回声结果在同一行?

时间:2014-07-29 20:49:29

标签: html css

我正在尝试在页面上运行后将回显结果放在同一行上。下面的代码有效,但在一行显示价格,在下一行显示价格,在另一行显示价格。

<strike>$<?php echo number_format($row->price,2);?> USD</strike>
<h3>$<?php 
    $sale_price = $row->price -(($row->price /100) * $row->discount);
    echo number_format($sale_price,2);
    ?> USD
</h3>
<button type="submit" class="btn btn-success">
    <span class="glyphicon glyphicon-shopping-cart"></span> <b>View Product</b>
</button>

任何人都有建议将它们放在同一条线上,这样它们就在彼此旁边吗?我确定这是一个简单的解决方案,但我已经尝试过研究,但还没有遇到过什么。

谢谢!

3 个答案:

答案 0 :(得分:0)

使用css,i.E。:

strike, h3 { float: left; }

答案 1 :(得分:0)

尝试这样的事情:

<?php

$sale_price = $row->price - (($row->price /100) * $row->discount);

echo "<h3><strike>" . number_format($row->price,2) . " USD </strike> " . number_format($sale_price,2) . " USD</h3>";

?>

或者这可能:

$<?php $sale_price = $row->price - (($row->price /100) * $row->discount);?>

<h3><strike>$<?php echo number_format($row->price,2);?> USD </strike>$<?php echo number_format($sale_price,2);?> USD</h3>

问题主要出在您使用<h3>标签的地方,因为您已将原始价格置于该标签之外。

答案 2 :(得分:-2)

问题是“h3”的用法它正在打破界限。它总是这样。

将该样式复制到一个类中,然后使用“span class ='h3class'”。 这将解决您的问题。