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>

Người bị bơ viết 03:26 ngày 01/10/2018

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.

Trần Duy Đạt viết 03:22 ngày 01/10/2018

mình hỏi là làm sao cho nó không xuống dòng đó!

Người bị bơ viết 03:22 ngày 01/10/2018

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.

Trần Hoàn viết 03:24 ngày 01/10/2018

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 à.

Bài liên quan
0