สวัสดีค่ะ
รบกวนเพื่อนๆ ช่วยดูโค้ดเหล่านี้ให้หน่อยค่ะ
https://jsfiddle.net/pu5k8zee/ หากไม่สะดวกเข้าเว็บนั้น โค้ดตามนี้ค่ะ
สำนักข่าวต่างประเทศรายงาน <div class="spoil">
<div>
<span onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerHTML = '<a href=\'javascript:void(0);\' onClick=\'return false;\' style=\'color: #FF0000;\'>ซ่อนข้อความ</a>'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerHTML = '<a href=\'javascript:void(0);\' onClick=\'return false;\' style=\'color: #FF0000;\'>ดูข้อความ</a>'; }" />
<a href="javascript:void(0);" onClick="return false;" style="color: #FF0000;">ดูข้อความ</a>
</span>
</div>
<div>
<div style="border: dashed 1px #000000;display: none;">วันที่ 12 มี.ค. ว่า ฉิน เช็ง กองกลางหัวร้อนของทีม เซี่ยงไฮ้ เสิ่นหัว ก่อวีรกรรมสุดน่าเกลียดในเกมลีกนัดล่าสุด เมื่อจงใจย่ำเท้าของ
</div>
</div>
</div>
อักเซล วิตเซล อย่างสุดน่าเกลียด จนโดนผู้ตัดสินชูใบแดงไล่ออกจากสนาม
เราอยากให้ข้อความมันไปอยู่บรรทัดเดียวกันทั้งหมด ไม่ต้องปัดลงมา
ตอนนี้คำว่า "ดูข้อความ" มันปัดลงมาบรรทัดใหม่เลยค่ะ อยากให้อยู่บรรทัดเดียวยาวๆ ไปเลย
เราเข้าใจว่าเป็นเพราะมีการใช้แท็ก div เลยเป็นแบบนั้น แต่พอจะมีวิธีการแก้ไขไหมคะ
รบกวนด้วยค่ะ