html給第一個li元素添加一個class類名為“menu1”htmlltul ltli class=“menu1”新聞一ltli ltli新聞二ltli ltli新聞三ltli ltulcss代碼lifontsize14px 4px大小的字體menu1font；將verticalalign設(shè)置為middle即可 6將ul的高度設(shè)置為百分比然后使用相對定位設(shè)置top為二分之一的百分之百減去ul的高度即可 7使用lineheight將其設(shè)置div的高度 必須是確定值，然后將li左或者右浮動即可；li display inlineblock li *display inline *zoom 1 利用CSS的inlineblick屬性，后邊兩個是針對低版本IE的HACK，注意這個HACK比較特殊，要像我這樣獨(dú)立地寫出來 而且，每個li標(biāo)簽之間不能有空格或；盡量簡單的去實(shí)現(xiàn)，能不用定位盡量不用，用class別用id 給ul一個寬度 和高度 li也給寬和高 然后左浮動 注ul的寬不能小于li寬度的總和 不然li會掉下來ltbody ltstyle ，a，li，ul margin0 padding；overflowvisible 這個屬性是默認(rèn)值，顯示溢出的內(nèi)容的，但是表格都要用table 來制作，沒聽說有人用ul li 做表格的，樓主你是人才；先給li設(shè)置相等的左右邊距marginleft，marginright，用總寬度1000px減去所有的li包含左右邊距，剩余的平分到外部div的左右填充里padding第二種方法因?yàn)槟愕膌i都是兩個字，也可以給li定義一定的寬度，同時設(shè)置；最后也是最關(guān)鍵的li標(biāo)簽設(shè)置寬度180px高度同樣30px靠左浮動floatleft liststyletype去除左側(cè)的點(diǎn)，然后使字體居中對齊center最后設(shè)置li標(biāo)簽的分隔線，這里用邊框?qū)傩跃涂梢詫?shí)現(xiàn)此功能borderright1px solid。

css里面給div1一個很大的寬度，然后給div1外面再套個div0之類的東西，并把div0的寬度設(shè)置為現(xiàn)在div1的寬度，然后給div0的css加上overflow hidden；用css可以調(diào)整的 給你個參考吧 lthtmL lthead lttitle下拉列表菜單lttitle ltstyle type=quottextcssquot lt！ 給列表菜單設(shè)置寬度和高度 id height 30pxwidth 100px ltstyle lthead ltbody；如果你ul li里面加a票簽的話，可以在nav ul li adisplayblock textaligncenter lineheight30px把a(bǔ)做成塊極元素，然后文本居中 再給個行高如果你不用a連接標(biāo)簽的話那就直接在ul li 里面加text；你可以在div里加一個table，table屬性中加一個style=“tablelayoutfixed”試試。

你先給一個div用來包住內(nèi)容的，設(shè)置寬高，然后在div放一個ul，ul里放4個li，li的寬度就是25%，或者可以寫具體的值 ltul ltli ltimg src=quotimgcoffeepngquot alt=quotquot ltp這是一杯咖啡ltp ltp#16534；html中l(wèi)i填不滿ul寬度是由于li標(biāo)簽不支持直接設(shè)置寬度值導(dǎo)致的，可以使用嵌套div，用div去做背景鋪滿需要的位置html是世界通用的標(biāo)記語言，也是一種計(jì)算機(jī)語言，瀏覽器能把它翻譯并展現(xiàn)出來，用于描述一個網(wǎng)頁的信息；Dreamweaver新建一個HTML文件修改title為html+css新建一個div id為“a”設(shè)置代碼，給li設(shè)置左浮動效果具體步驟1用Dreamweaver新建一個HTML文件 2修改title為html+css實(shí)現(xiàn)橫向?qū)Ш?3新建一個div id；li標(biāo)簽的列寬度，需要設(shè)置style，不能像td一樣直接寫個width屬性見下圖；ul的display設(shè)成inlineblock又不是li的，li當(dāng)然不橫向了不過習(xí)慣都是用floatleft來做等分情況多多，li有邊框還要考慮到兩個li靠在一起邊框也擠一起，看起來就粗了不好看，又要處理所以等分看情況吧。

添加 floatleft 即可橫向排列添加 display flex 即可橫向排列當(dāng)設(shè)置 displayflex時， floatleft會失效看你截圖，li應(yīng)該是已經(jīng)實(shí)現(xiàn)橫向排列了，只是寬度不夠，導(dǎo)致字體豎向顯示了給li設(shè)置寬度應(yīng)該就可以了。