01/10/2018, 01:10
Hỏi cách không làm thuộc tính tự động xuống dòng trong CSS và HTML
Chào các bạn mình đang tự làm một theme wordpress trên theme _S của Automatic và dùng PureCSS. Đến đoạn chèn form như dưới thì khi kéo màn hình xuống đến một đoạn thì thuộc tính tự động xuống dòng ai biết có thể chỉ mình cách fix với, hình và css như hình dưới.
#HTML
<div class="pure-g pure-u-1 alignCenter" style="display: block;">
<form class="pure-form">
<input type="text" class="pure-input">
<button type="submit" class="pure-button">Search</button>
</form>
Bài liên quan
Có thể là do độ dài của phần tử dài quá so với browser nên nó xuống dòng.
mình hỏi là làm sao cho nó không xuống dòng đó!
Bạn có thể giảm độ dài của các thành phần lại, hoặc đặt độ dài nó theo %.
Xem responsive để biết ha.
Mấy cái khung và nút search đó bạn đặt ở <<>div> nào, chắc là chưa mở hết cho mn thấy. Nhưng mà phần kích thước tổng quát của khối bên trên là 592x50, khối bên dưới có 359x50 à.