代码之家 › 专栏 › 技术社区 › uzay95

内联元素有两行以上(一行在另一行内)

css

uzay95 · 技术社区 · 14 年前

我无法设置这样的内嵌元素背景:

我的代码是:

divmansetkategorihaberlicontainer
{
背景色:透明;
上边距:4px;
字体大小:12px;
}
.DivkategoriHaberitem公司
{
浮动:左;
背景色:白色;
宽度:324px;
高度:126px;
保证金:0;
填料:0;
}
.divkategorihaberitemimage
{
浮动:左;
宽度:80px;
高度:80px;
边框:1倍纯红;
保证金:2PX;
}
.imgkategoriaberresim霏
{
宽度:95%;
身高:95%;
}
.divkategorihaberitembaslikicerik
{
}
Sphaberbaslik cevre先生
{
背景色:绿色;
显示:内联;
字体粗细:粗体;
衬垫:5px;
高度:20px;
}

Sphabericerik U Cevre
{
显示:块;
}
.divkategorihaberdevami_cevre公司
{
背景图像:url(“../images/haberindevami-cevre.png”);
背景重复:无重复;
背景位置:右;
高度:13px;
}




<div class=“divkategorihaberitem”>
<div class=“divkategoriHaberiTemImage”>
<img src='alt='d nyanin mekan_°k dengesi bozuldu'class=“imgkategoriaberresim_cever”/>
</DIV>
<div class=“divkategorihaberitembaslikicerik”>
<span class=“Sphaberbaslik_cever”>
<a href='cevrehaber.aspx?ID=2128'>D_nyanin mekan_°K Dengesi Bozul</A>
</span>
<span class=“sphabericerik_cever”>demokratik kongo cumhuriyeti'n</span>
&L/DIV & GT;
<DIV class=“divkategorihaberdevami cevre”></DIV>
&L/DIV & GT;
< /代码> 

PS:抱歉,我不能用句子写作:(

我的代码是:

#divMansetKategoriHaberleriContainer
{
    background-color: Transparent;
    margin-top: 4px;
    font-size: 12px;
}
.divKategoriHaberItem
{
    float: left;
    background-color: White;
    width: 324px;
    height: 126px;
    margin: 0;
    padding: 0;
}
.divKategoriHaberItemImage
{
    float: left;
    width: 80px;
    height: 80px;
    border: 1px solid red;
    margin: 2px;
}
.imgKategoriHaberResim_Cevre
{
    width: 95%;
    height: 95%;
}
.divKategoriHaberItemBaslikIcerik
{
}
.spHaberBaslik_Cevre
{
    background-color: Green;
    display: inline;
    font-weight: bold;
    padding: 5px;
    height: 20px;
}

.spHaberIcerik_Cevre
{
    display: block;
}
.divKategoriHaberDevami_Cevre
{
    background-image: url('../images/HaberinDevami_Cevre.png');
    background-repeat: no-repeat;
    background-position: right;
    height: 13px;
}




<div class="divKategoriHaberItem">
    <div class="divKategoriHaberItemImage">
        <img src='' alt='DÃNYANIN MEKANÄ°K Dengesi Bozuldu' class="imgKategoriHaberResim_Cevre" />
    </div>
    <div class="divKategoriHaberItemBaslikIcerik">
        <span class="spHaberBaslik_Cevre">
           <a href='CevreHaber.aspx?id=2128'>DÃNYANIN MEKANÄ°K Dengesi Bozul</a>
        </span>
        <span class="spHaberIcerik_Cevre">Demokratik Kongo Cumhuriyeti'n</span>
    </div>
    <div class="divKategoriHaberDevami_Cevre"></div>
</div>


PS:对不起,我不能用句子写作:(

1 回复 | 直到 14 年前

Gabriele Petrioli 14 年前

.spHaberBaslik_Cevre
{
    background-color: Green;
    display: inline;
    font-weight: bold;
    padding: 5px;
    height: 20px;
    line-height:30px; /*height + padding-top +padding-bottom*/
}