Tôi muốn xuất một dòng văn bản cho trình duyệt có chứa thẻ. Khi điều này được hiển thị, có vẻ như DIV gây ra một dòng mới. Làm cách nào để đưa nội dung vào thẻ div trên cùng một dòng - đây là mã của tôi.
<?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>
Tôi đã cố gắng dọn dẹp nó ở đây. Làm cách nào tôi có thể hiển thị màn hình này trên một dòng?
Câu trả lời:
Các divthẻ là một yếu tố ngăn chặn, gây hành vi đó.
spanThay vào đó, bạn nên sử dụng một phần tử nằm trong dòng.
Nếu bạn thực sự muốn sử dụng div, hãy thêm style="display: inline". (Bạn cũng có thể đặt điều đó trong quy tắc CSS)
display: inlinemâu thuẫn với những gì BHTGVN thực hiện, vì vậy xin đừng làm điều đó! Sử dụng nhịp thay thế.
if you really want to.
display: inline-blockvà một phần tử div. Nói những gì bạn muốn về phong cách, nhưng điều này đã giải quyết được cả hai vấn đề.
Tôi không phải là một chuyên gia nhưng hãy thử white-space:nowrap;
Thuộc tính khoảng trắng được hỗ trợ trong tất cả các trình duyệt chính.
Lưu ý: Giá trị "inherit"không được hỗ trợ trong IE7 trở về trước. IE8 yêu cầu a !DOCTYPE. IE9 hỗ trợ "inherit".
overflow: hiddentrên các yếu tố bọc và bạn di chuyển nó theo cha mẹ "trên nền" :)
div là một phần tử khối, luôn chiếm dòng riêng của nó.
sử dụng spanthẻ thay thế
Sử dụng thuộc tính css - white-space: nowrap;
Một cách tốt hơn để thực hiện ngắt dòng là sử dụng span với tham số kiểu CSS white-space: nowrap;
span.nobreak {
white-space: nowrap;
}
or
span.nobreak {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
Ví dụ trực tiếp trong HTML của bạn
<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>
Bạn chỉ cần sử dụng:
#contentInfo_new br {display:none;}
echo $id;có giá trị nhưecho($id);.