欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

昨天参加了一家北京公司的面试,有一道很难的css考试题,请帮我解答一下,多谢了!_html/css_WEB-ITnose

程序员文章站 2022-05-19 19:11:22
...
昨天我去北京海淀区一家科技企业面试了,他们给了我一套试卷,我偷偷记下了我不会做的一道题目,请论坛上的朋友帮我解答一下,多谢了!

题目:请仔细阅读下面的html代码,并写css代码实现后面的2个功能?


第一个span
duv1

第二个span
div2

第三个span


1、id等于oneDiv和twoDiv的2个div把id等于bigDiv的div,在垂直方向上等分3份(id等于oneDiv和twoDiv的2个div的高度都是1px像素)?
2、让id等于one、two、three的3个span元素,等份地显示在id等于bigDiv的div中?




回复讨论(解决方案)

1 id等于oneDiv和twoDiv的2个div的高度都是1px像素
这个是错的,这两个div的高度是由内容决定的、即文本内容。

1 id等于oneDiv和twoDiv的2个div的高度都是1px像素
这个是错的,这两个div的高度是由内容决定的、即文本内容。


------------------------------
不好意思,我写错了, id等于oneDiv和twoDiv的2个div是没内容的。

正确的代码是:


第一个span

第二个span

第三个span



不就是 3行内容 中间加分割线
html标签结构不对
不做

不就是 3行内容 中间加分割线
html标签结构不对
不做


---------------
加分割线,没有办法控制分割线的宽度。分割线都是和浏览器等宽的,实现不了我说的效果




可是,你的“第一个span”、“第二个span”、“第三个span”都没有在水平和竖直方向上居中。

虽然没有解决我的问题,还是给分结贴了。