Eykanal belirtildiği gibi, doğru bir kullanıcının özel ayarları tahmin edemezsiniz. Tek şey hakkında size can do Metnin iki satır (hiçbir doldurma ile bir [n off-screen] div öğesi içindeki metin küçük bir miktar koyun ve ölçü vardır bir elemanın bir ölçüm almaktır için yükseklik), ve set taşma gizli.
Orada üç nokta almak için yapabileceği birkaç hile vardır, ama ben kesinlikle tavsiye ederim yok. Böylece elemanın metnin son bit örtbas, ebeveyn olarak aynı arka plan rengi ile, 0: mutlak pozisyonu (göreceli konumlandırma ile) ana öğe içinde bir div olabilir ve altına ayarlayın: 0, doğru.
<style type="text/css">
#parent {
position:relative;
overflow: hidden;
width: 230px;
height: auto;
background: #f1f1f1;
}
.ellipsis {
position: absolute;
right: 0;
bottom: 0;
background: #f1f1f1;
}
</style>
<div id="parent">
This would be the text that was inserted by the PHP code you mentioned above
<div class="ellipsis">...</div>
</div>
Javascript yüksekliğini almak için, sonra pseudocode olarak almak ...
<script type="text/javascript">
window.onload = function() {
var textDiv = document.createElement('div');
textDiv.style = 'padding:0;position:absolute;left:-500px;top:-500px;';
textDiv.innerHTML = 'Getting<br>Height';
document.body.appendChild(textDiv);
var textHeight = (textDiv.offsetHeight || textDiv.clientHeight);
document.body.removeChild(textDiv);
document.getElementById('parent').style.height = textHeight;
}
</script>
Bir Javascript çerçeve (Mootools, jQuery) kullanıyorsanız, tabii ki size bir öğe oluşturmak nasıl değiştirebilir ve özelliklerini ayarlayabilirsiniz, ancak bu, çoğunlukla en az müdahalesi ile, aradığınız ne çok yakın bir şey elde edebilir ve etmelidir.
Ayrıca javascript alınan yarım yüksekliğine üç nokta sınıfı ile tüm elementlerin yüksekliğini ayarlamak isterim.
Bu konuda tüm ı got, dostum. Umarım yardımcı olur. :-)