如何强制div内的字符串?

时间:2013-12-29 13:14:09

标签: javascript jquery css html

我有一个包含其中一些元素的div(包含字符串的其他div),这个div服从类item_block并且它包含在一个名为gallery的大div中,所以当我追加这个时div除了一个字符串之外还附加了另一个元素,这些元素适合div而不是该字符串,查看下面的图片(item_block是黄色彩色,字符串是棕色):

enter image description here

 #gallery {
    position: absolute;
    width: 75%;
    /*height: 100%;*/
    bottom:0;
    z-index: 1;
    top: 35px;
}

      .item_block {
        background-origin:content-box;
        background-color:#DAD1A2;
        background-image:url(../Images/logo2.png);
        background-position:center;
        background-repeat:no-repeat;
        height: 25%;
        width: 25%;
        line-height: 450px;
        font-family: Arial, Helvetica, sans-serif;
        text-indent: 0px;
        vertical-align: middle;
        text-align: center;
        position: relative;
        float: left;
        margin-top: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
        margin-left: 5px;

    }
 .item_name {
    background-color: #68782C;
    position: absolute;
    height: 35%;
    width: 100%;
    background-repeat: repeat;
    background-position: center center;
    top: 0px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 18px;
    line-height: 35px;
    color: #FFFFFF;
}

我将数据附加到JS中的JQuery:

$("#gallery").append('<div class="item_block hasoptions">price:'+$('menu').find(selecteditem).children().eq(si).attr('price') +'<div class="add_btn"></div><div class="item_name">'+ realitemname +'</div></div>');

这是整个代码的jsfiddle

0 个答案:

没有答案