Question

所以我不知道为什么这不起作用。我有以下jQuery：

$('#shifts').on({
    click: function(event)
    {
        selectStaff($(this));
    },
    mouseover: function()
    {
        var match = $(this);
        // There is something wrong with this user. Lets write it all down
        if( match.hasClass('warning') )
        {
            var w1 = '<div class="display_warning">This user has already been used for today.</div>';
            var w2 = '<div class="display_warning">This user is not qualified to perform one or more of the tasks assigned to this shift</div>';
            var warning = '<div id="display_warning">' + w1 + w2 + '</div>';

            match.after(warning);

        }
    },
    mouseout: function()
    {
        $('#display_warning').remove();
    }
},'.staff .match');

.display_warning和#display_warning的{css（以下代码为LESS）

#display_warning
{
    float: left;
    width: @shiftWidth;
    background-color: @white;
    padding-top: @unit;
    padding-bottom: @unit;
    color: @textColor;
    font-size: 12px;
    height: 100px;
    //border: 1px sol;
    .display_warning
    {
        float: left;
        width: @shiftWidth;
        //text-align: center;

    }
}

然而，文本超出div并且不是div中的约束！为什么呢？！

Answer 1

问题是因为您为块元素指定了width和height。如果您删除其中任何一个，那么您的文字将包含在div中，或者如果您可以将min-width水平展开，或{{{}，则将其更改为div 1}}如果你可以min-height垂直扩展。

jQuery附加元素 - 文本不适合

1 个答案: