Question

如何在电话：和传真后输入电话号码和传真号码？我尝试使用display=in-block并减小了宽度。但它一直在同一个地方。我想tel：xxxxx和fax：xxxxx在不同的行上。不是像现在这样在不同的行中。所以只有2排。

这是我的小提琴：https://jsfiddle.net/Tokyo/yk072g7q/

Answer 1

这对你有用吗？

＆＃13;

ul {
    list-style-type: none;
}
.telefon {
    margin: 0px !important; 
    width: 23px;
}

#ett {
    border: 5px solid #000;
    width: 220px;
}

.fax {
    display: list-item;
    margin: 0px !important; 
    width: 23px;
}

.nummer {
    list-style-type: none;
    margin: 0px !important; 
    width: 100px;
}
ul {
    padding: 0;
}
li {
    display:inline-block;
    padding: 0 .5em;
}

＆＃13;

<ul id="ett">
    <li class="telefon">Tel:</li>
    <li class="nummer">03-3212-8787</li>
</ul>

<ul>
    <li class="telefon">Fax:</li>
    <li class="nummer">03-3212-8786</li>
</ul>

＆＃13;

Answer 2

也许这个决定适合你。祝你好运。

ul{
    list-style:none;
    margin:0;
    padding:0 5px;
}

ul#ett {
    border: 5px solid #000;
    width:140px;    
}

ul li {
    display:inline-block;
}

.telefon{
    width: 23px;
}

.nummer{
    padding:0 5px;    
}

<ul id="ett"><li class="telefon">Tel:</li>
<li class="nummer">03-3212-8787</li></ul>

<ul><li class="telefon">Fax:</li>
<li class="nummer">03-3212-8786</li></ul>

让我的<li>显示在不同行的同一行和</li> <li>的另一行

2 个答案: