昨天参加了一家北京公司的面试,有一道很难的css考试题,请帮我解答一下,多谢了!_html/css_WEB-ITnose
程序员文章站
2022-05-19 19:11:22
...
昨天我去北京海淀区一家科技企业面试了,他们给了我一套试卷,我偷偷记下了我不会做的一道题目,请论坛上的朋友帮我解答一下,多谢了!
题目:请仔细阅读下面的html代码,并写css代码实现后面的2个功能?
第一个span
第二个span
第三个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中?
------------------------------
不好意思,我写错了, id等于oneDiv和twoDiv的2个div是没内容的。
正确的代码是:
第一个span
第二个span
第三个span
---------------
加分割线,没有办法控制分割线的宽度。分割线都是和浏览器等宽的,实现不了我说的效果
可是,你的“第一个span”、“第二个span”、“第三个span”都没有在水平和竖直方向上居中。
题目:请仔细阅读下面的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”都没有在水平和竖直方向上居中。
虽然没有解决我的问题,还是给分结贴了。