Community Learn Tools Library Leisure
search
English
Home > Web Front-end > HTML Tutorial > Yesterday I participated in an interview with a Beijing company. There was a very difficult CSS exam question. Please help me answer it. Thank you! _html/css_WEB-ITnose

Yesterday I participated in an interview with a Beijing company. There was a very difficult CSS exam question. Please help me answer it. Thank you! _html/css_WEB-ITnose

WBOY
Release： 2016-06-24 11:57:27
Original
1239 people have browsed it

Yesterday I went for an interview with a technology company in Haidian District, Beijing. They gave me a set of test papers. I secretly wrote down a question that I didn’t know how to do and asked friends on the forum to help me answer it. Thank you!

Question: Please read the following html code carefully and write css code to implement the following two functions?


                                                                                            span
/span>
div2
;  The height of the div is all 1px pixels)?
2. Let the three span elements with id equal to one, two, and three be displayed equally in the div with id equal to bigDiv?








Reply to the discussion (solution)

1 2 divs with id equal to oneDiv and twoDiv The heights are all 1px pixels This is wrong. The height of these two divs is determined by the content, that is, the text content.

1 The height of the two divs with id equal to oneDiv and twoDiv are both 1px pixels

This is wrong. The height of these two divs is determined by the content, that is, the text content.

-------------------------------

Sorry, I made a mistake, id equals oneDiv The two divs with twoDiv have no content.


The correct code is:



span id="one">First span
="two">Second span
three">The third span





Isn’t it just 3 lines of content with a dividing line in the middle
html tag structure Wrong
Don’t do it


Isn’t it just 3 lines of content with a dividing line in the middle The html tag structure is wrong

Don’t do it

-------- -------

When adding a dividing line, there is no way to control the width of the dividing line. The dividing lines are all the same width as the browser and cannot achieve the effect I mentioned





However, your "No. "One span", "second span", and "third span" are not centered horizontally and vertically.

Although it didn’t solve my problem, I still posted it.

Related labels：
company Beijing interview
source：php.cn
Previous article：Officially released by Apple, iPhone 6 & Plus design material_html/css_WEB-ITnose Next article：When the js parent page calls the child page data, the child page calls back the parent page through the parameters passed by the parent page. Specific method_html/css_WEB-ITnose
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
Move the content to the left by adding the Width property I have provided margins to the body. main {left margin: 200px; right margin: 200px; text a...
From 2024-04-06 22:01:35
0
3
816
The page suddenly cannot pull css or bootstrap So I'm developing a page, I did part of it yesterday and it worked great, and today I cont...
From 2024-04-06 21:58:04
0
1
800
Regular expression to match words I have a script where I am trying to match new job names with existing job names in a data...
From 2024-04-06 21:24:04
0
1
606
Sudoku checker not working? Can anyone help me identify the error? I tried everything on the online editor but still get the error. But when I do this on VSC...
From 2024-04-06 21:21:07
0
1
474
Dynamically modify inline CSS styles in Javafx I'm trying to change the background image of a pane when the application is maximized. My ...
From 2024-04-06 20:57:16
0
1
487
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template