老师这道题如果用table布局的话怎么让它不在一行显示,在网上查了资料还是无法解决.

来源：7-1 九宫格

qq_爱非坚持_0

2018-02-26

.grid{

display: table;

width: 300px;

/* 写了这两行,还是在同一行中

table-layout:fixed;

word-wrap:break-word;*/

}

.grid li {

width: 100px;

height: 100px;

display: table-cell;

line-height: 100px;

font-size: 20px;

text-align: center;

border:4px solid #ccc;

box-sizing: border-box;

margin-left: -4px;

margin-top: -4px;

}

写回答

3回答

假凤眼

2018-03-12

//img.mukewang.com/szimg/5aa64a530001108303510887.jpg

我的布局样式这样的，用伪类来实现鼠标经过边框高亮的样式。有没有不用伪类实现？？目前我还没想到...

六一888

我也有此疑惑，觉得使用 table 布局，边框高亮不好实现

2019-11-21

共2条回复

qq_爱非坚持_0

提问者

2018-02-27

//img.mukewang.com/szimg/5a94d12a0001564b03120292.jpg 效果成这样了.尴尬

快乐动起来呀

2018-02-26

啥题，可以截图或者详细描述吗

前端跳槽面试必备技巧面试官全流程指导

一门让你能成功获取前端 Offer 的课程，不只是技术，面试“技巧”也至关重要

4836 学习 · 830 问题

查看课程

相似问题

尝试了下 float与table布局无法解决上下高度固定的问题，这样的结论是否正确？

回答 1

为什么new Foo().getName()是先执行new Foo()而不是先执行Foo().getName()

回答 3

我的代码在执行后的效果与实际有差异，无法做到绝对定位请解答

回答 1

能提供一些flex、table-cell、grid布局的参考资料吗

回答 1

老师，{}+{}这几个加法的能不能提供点资料

回答 1

打开慕课网App查看更多内容