Tarayıcıya etiket içeren tek bir metin satırı çıktı vermek istiyorum. Bu işlendiğinde, DIV'nin yeni bir satıra neden olduğu görülür. Aynı satırdaki div etiketine içeriği nasıl ekleyebilirim - işte kodum.
<?php
echo("<a href=\"pagea.php?id=$id\">Page A</a>")
?>
<div id="contentInfo_new">
<script type="text/javascript" src="getData.php?id=<?php echo($id); ?>"></script>
</div>
Burada düzenlemeye çalıştım. Bu görüntüyü tek bir satırda nasıl elde edebilirim?
Yanıtlar:
divEtiketi davranışı neden blok elemanıdır.
Bunun spanyerine satır içi olan bir öğe kullanmalısınız.
Eğer varsa gerçekten kullanmak istiyorum div, ekleyin style="display: inline". (Bunu bir CSS kuralına da koyabilirsiniz)
display: inlineDIV'nin ne için olduğu ile çelişir, bu yüzden lütfen yapmayın! Bunun yerine aralığı kullanın.
if you really want to.
display: inline-blockve bir div öğesi kullandım. Tarz hakkında ne isterseniz söyleyin, ancak bu her iki sorunu da çözdü.
Ben uzman değilim ama dene white-space:nowrap;
Beyaz boşluk özelliği tüm büyük tarayıcılarda desteklenir.
Not: Değer "inherit", IE7 ve önceki sürümlerde desteklenmez. IE8, bir !DOCTYPE. IE9 destekler "inherit".
overflow: hidden, sarma öğesindeyken satırın sonunda
div her zaman kendi satırını kaplayan bir blok elemandır.
kullanmak spanyerine etiketi
Css özelliğini kullanın - beyaz boşluk: nowrap;
Kesme satırı yapmanın daha iyi bir yolu, CSS stil parametresi white-space ile span kullanmaktır: nowrap;
span.nobreak {
white-space: nowrap;
}
or
span.nobreak {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
Doğrudan HTML'nizde örnek
<span style='overflow:hidden; white-space: nowrap;'> YOUR EXTENSIVE TEXT THAT YOU CAN´T BREAK LINE ....</span>
<div style="float: left;">
<?php
echo("<a href=\"pagea.php?id=$id\">Page A</a>")
?>
</div>
<div id="contentInfo_new" style="float: left;">
<script type="text/javascript" src="getData.php?id=<?php echo($id); ?>"></script>
</div>
Şunları kullanabilirsiniz:
#contentInfo_new br {display:none;}
echo $id;kadar geçerlidirecho($id);.