Hỏi về style cho menu đa cấp

#1

Cho e hỏi làm thế nào để giá trị width của chữ “Đây là menu con thứ nhất” auto theo chiều rộng của chữ vậy các bác

2016-09-20.png1920×1080 153 KB

e đã thử
.nav > ul > li > ul > li { width: auto; }
nhưng ko được :sob:

#2

cho xin hộ cái link web được không :blush: css cũng thuộc dạng dở dở nên cần web chính để “dao kéo” một tí :v ,ạch mới coi kỹ cái hình thì đang edit trên máy nên bác đưa hộ phần code thanh nav lên nha

#3

đây bác ơi https://drive.google.com/file/d/0B1crxHyLvzVra1lMeWdQamNrOXM/edit?usp=sharing

#4

Ý em là chữ nó dàn ra rộng bằng nhau ở 2 hàng à? Nếu đúng vậy thì set: text-align: justify nhé :blush:

#5

e muốn chữ “Đây là menu con thứ nhất” trên 1 hàng ý bác

#6

Menu con chỉ được rộng tối đa bằng thằng cha thôi (set width của con là 100%). Thằng cha Sản phẩm trong cái menu còn rộng ra được hay không vậy? Thấy có nhiều mục khít nhau hết rồi :wink:

#7

e set width cho menu con thì nó rộng ra hơn menu cha được, nhưng e muốn width nó auto ấy bác.
vd: .nav > ul > li > ul > li { width: 700px; }
trông sẽ rất kỳ cục nếu menu con chỉ có 1,2 từ

2016-09-20 (1).png1920×1080 66.3 KB

#8

auto chỉ được tối đa bằng thằng cha thôi :sweat_smile:. Muốn rộng hơn thì set width như bạn đã làm. Mình chưa nghe cách nào khác như vậy :smile:

83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?