Khi muốn khóa menu website (hoặc các thành phần text nói chung, ul, li…) không cho xuống dòng khi chiều rộng không đủ, chỉ cần cho cái ul thêm thuộc tính width với giá trị nhất định, Ví dụ:
.menu_can_khoa {width: 900px;}
Khi có thuộc tính width, các đối tượng li nằm trong ul (hoặc phần từ div khác có chiều rộng) sẽ không bị wrap (xuống dòng) nữa. Một thủ thuật rất đơn giản và cơ bản nhưng rất hiệu quả, nếu không biết thì cũng sẽ phải mày mò rất lâu.
Khi khóa chiều rộng và không cho wrap text, các text sẽ kéo dài đến hết. Khi đó, muốn che phần text dài hơn so với khung có chiều rộng nhỏ hơn, ta có thể dùng overflow ẩn phần text thừa:
.menu_can_khoa {display: -webkit-inline-box; max-height: 60px; overflow: hidden; width: 900px;}
Have fun!
