Question

我陷入困境，找不到任何解决办法。文本的第二行溢出了div界限，我无能为力。我不想解锁高度，将其设置为自动等，因为它会改变网站的外观。明确的命令没有解决问题。任何建议回复都将不胜感激。

问题：http://i.imgur.com/U6yV1lX.png

代码：

| CSS样式表：|

.spellchange{
    float: left;
    width: 840px;
    height: 41px;
    word-wrap: break-word;
    margin-bottom: 3px;
    background-color: #ffffff;
    box-shadow: 1px 1px #cccccc;
}
.spellchangelastline{
    float: left;
    width: 840px;
    height: 41px;
    margin-bottom: 12px;
    background-color: #ffffff;
    box-shadow: 1px 1px #cccccc;
}
.spellname{
    color: #6b645d;
    font-size: larger;
}

|功能PHP：|

class spell
{

function do_spell($spellicon, $spellname, $spelltext, $changeinpower)
{
    echo '<div class="spellchange">
    <img style="padding-top: 5px; padding-left: 5px; margin-right: 5px; margin-bottom: -10px;"src="/abilities/'.$spellicon.
    '" height="32" width="32"><span class="spellname">'.$spellname.'</span> - '.$spelltext.'</div><div style="float: right;">
    <img src="/icons/'.$changeinpower.'"></div>';
    }
}
}

| HTML代码：|

<?php
    $standbehindme = new spell;
    $standbehindme->do_spell('Braum_W.png','Stand Behind Me (W)','Bonus armor and magic        resistance reduced to 15/17.5/20/22.5/25 (+10/11.5/13/14.5/16% bonus armor / mr) from   20/22.5/25/27.5/30 (+14/15.5/12/18.5/20% bonus armor / mr)','nerf.png');
?>

Answer 1

您是否尝试将显示更改为文本的内联块？

display:inline-block;

第二行文本溢出div边界

1 个答案: