ul liå®žçŽ°è¡¨æ ¼é—®é¢˜_html/css_WEB-ITnose

css 我想ç”??ul+li实çŽ?㨨¡??格功??ƒ½ï¼Œä»£ç å¦‚下

• aaa


• bbb


• ccc


• ddd


• eee


• fff


• ggg


• hhh


• iii


• jjj


• kkk


• lll

每??¡Œ10列，çŽ??åœ??çš„??—®??¢˜æ˜¯æœ€åŽä¸€??¡Œä¸??¶³10个li，??¡µ??¢ä¸Šå????会有空的，样子很??š¾çœ‹ï¼Œå¦‚何??¡¥??¶³å®ƒï¼Ÿæœ€å¥½??¦CSS方法????£å†³

回å????®????®º(????£å†³æ–¹æ¡ˆ)

生成空li来??¡¥æ»¡

不??¡Œå•Šï¼Œæˆ‘ç”??li来显ç??ºæ•??据是因为我可??ƒ½??¦å??†li删??™??的，如果ç”??tableçš„??¯ï¼Œæ— æ³•åšåˆ??删??™??一个æ•??据后，后??¢çš„单元格??‡ªåŠ??向前??¡¥ä¸Šï¼Œæ‰€ä»¥æ‰æƒ³??µ·æ¥ç”??li来做的，ç”??空liçš„??¯ï¼Œå¢žåŠ æ—¶??¦åˆ ??™??å??šä½™çš„空li，删??™??æ—¶??¦å¢žåŠ ç¼ºå??‘的空li，??¿˜??¦ç»Ÿ??®¡æ˜¯å¦ç©ºli??¶…??¿‡10个，å??ª??º»çƒ¦äº†ï¼Œæ‰€ä»¥æ‰æƒ³ç”??css来????£å†³??—®??¢˜çš„

CSS??²Œä¼¼????£å†³ä¸äº†ï¼Œåª??ƒ½JS做åˆ??断。

ulçš„??¾¹æ¡†ä¸??¦äº†ï¼Œç›´æŽ¥åŠ liçš„borderå????好了

有没有??«˜æ‰‹å•Šï¼Ÿ

ul {
list-style:none;
border-left:solid 2px red;
border-top:solid 2px red;
width:100%;
}
li {
float:left;
width:10%;
border-right:solid 2px red;
border-bottom:solid 2px red;
}

上??¾¹æ·»åŠ ä¸ª??¿™ä¸ª 不æŽ????çš„办法

*{margin:0;padding:0}

不??¡Œï¼Œæœ€åŽä¸€??¡Œå•å…ƒæ ¼æ²¡??¡¥ä¸Š

??«˜æ‰‹??¯·å¸®å¿™ï¼

有人知??“吗？

我有一个很无??€»çš„办法，??ƒŒæ™¯å›¾ç‰‡ã€‚画好一??¡Œçš„??¡??格线框，竖向??‡å??æ˜¾ç??ºï¼Œä½œä¸ºæ•´ä¸ªçš„??ƒŒæ™¯å›¾ç‰‡ï¼Œç„¶åŽå–消所有LIçš„??¾¹æ¡†ä»€ä¹ˆçš„。

??‡ªå·??掌握好LIçš„??—´??·??¡Œ??·ï¼ŒæŠŠæ•??据å…??放åˆ?㨨ƒŒæ™¯å›¾ç‰‡çš„“单元格”??‡Œ??¢ã€‚

然后你å????可以ç”??JSå??½æƒ…的增删你的LI了，å…??删光了，??¿™??¡??格也åœ??。

很明显不??ƒ½å…‰ç”??css????£å†³ã€‚css å??‹ç»ˆåªæ˜¯æ¥??¡??çŽ?? ??€Œä¸??ƒ½åšå‡ºåˆ??断。

我有一个很无??€»çš„办法，??ƒŒæ™¯å›¾ç‰‡ã€‚画好一??¡Œçš„??¡??格线框，竖向??‡å??æ˜¾ç??ºï¼Œä½œä¸ºæ•´ä¸ªçš„??ƒŒæ™¯å›¾ç‰‡ï¼Œç„¶åŽå–消所有LIçš„??¾¹æ¡†ä»€ä¹ˆçš„。

??‡ªå·??掌握好LIçš„??—´??·??¡Œ??·ï¼ŒæŠŠæ•??据å…??放åˆ?㨨ƒŒæ™¯å›¾ç‰‡çš„“单元格”??‡Œ??¢ã€‚

然后你å????可以ç”??JSå??½æƒ…的增删你的LI了，å…??删光了，??¿™??¡??格也åœ??。
??¿™ä¸ªåŠžæ³• 倒是可以一??¯• 但是??¦åšæ›´æ”¹ã€‚不是 画好一??¡Œçš„ ??ƒŒæ™¯äº† ??€Œæ˜¯ æ•´å??œçš„或??€… ä½ ??¿™ä¸ªå—çš„ 整块的。另å??– 做??ƒŒæ™¯å›¾çš„时候 ??¦æ³??意 ??ƒŒæ™¯å›¾ç‰‡çš„拉伸å??ºå¯¸æ‰€ä»¥ ä½ çš„ ??«˜åº¦ ??¦å›ºå®šä½ ??¿™ä¸ª ä½ ??‡ªå·?? æ³??意下 。??¦ä¸ç„¶ ??ƒŒæ™¯æ‹‰ä¼¸åŽ ??¡Œ??«˜ä¹Ÿä¼š 变化

办法没有 æ— ??€»ä¸æ— ??€»äº†ã€‚只??¦??ƒ½????£å†³??—®??¢˜ å??????¡Œã€‚其实??¿™æ€??·¯æŒº 独åˆ??的。

我有一个很无??€»çš„办法，??ƒŒæ™¯å›¾ç‰‡ã€‚画好一??¡Œçš„??¡??格线框，竖向??‡å??æ˜¾ç??ºï¼Œä½œä¸ºæ•´ä¸ªçš„??ƒŒæ™¯å›¾ç‰‡ï¼Œç„¶åŽå–消所有LIçš„??¾¹æ¡†ä»€ä¹ˆçš„。

??‡ªå·??掌握好LIçš„??—´??·??¡Œ??·ï¼ŒæŠŠæ•??据å…??放åˆ?㨨ƒŒæ™¯å›¾ç‰‡çš„“单元格”??‡Œ??¢ã€‚

然后你å????可以ç”??JSå??½æƒ…的增删你的LI了，å…??删光了，??¿™??¡??格也åœ??。

å??ª??º»çƒ¦äº†ï¼Œæœ¬æ¥çš„目的å????是想偷懒，??¿™æ ·åšæ˜¯??¶Šæž??¶Šå??æ‚

再??¯·??«˜æ‰‹å‡º??©¬

ç”??table js 增加删??™??td。

ä¼?㨨®¡ç­‰ç”??åˆ??js代码了å??！

ä¼?㨨®¡ç­‰ç”??åˆ??js代码了å??！

不理????£ï¼Œä¸ºä½•ä¸ç›´æŽ¥ç”??table?

不理????£ï¼Œä¸ºä½•ä¸ç›´æŽ¥ç”??table?
我ç”??li来显ç??ºæ•??据是因为我可??ƒ½??¦å??†li删??™??的，如果ç”??tableçš„??¯ï¼Œæ— æ³•åšåˆ??删??™??一个æ•??据后，后??¢çš„单元格内容??‡ªåŠ??向前??¡¥ä¸Š