There are two tables. The upper table has each column as a title, and the lower table displays the corresponding data. How to align the upper and lower columns of the table?
Reply to discussion (solution)
As long as the number of columns is the same, isn’t it aligned?
As long as the number of columns is the same, isn’t it? Number of columns They are the same, but they are not aligned
Hey, the key thing is that I forgot to mention that if the table below has an extra drop-down scroll bar, it cannot be aligned
Can't it be put into a table?
Specify the cell width (note that it is not a percentage)
Specify the cell width (note that it is not a percentage) Just use the percentage. I want it to look good in browsers of different sizes
Hey, the key thing I forgot to mention is that if there is an extra drop-down scroll bar in the table below, it cannot be aligned It just cannot be in the same table!
Quote from 5th floor’s reply: Specify the cell width (note that it is not a percentage)
It is the percentage used. If you want it to look good in browsers of different sizes, you need to go above The table is attached with scroll bars and equal-width cells
I uploaded the picture so you can take a look? The previous column does not have
xdw250701181's photo album > Default photo album (0 photos)
The first table section
This can temporarily solve the problem. The permanent solution requires js In addition, there are no less than 10 js grids on the Internet. Why not choose one and use it
This can temporarily solve the problem, and the permanent solution requires js In addition, online There are no less than 10 types of js grid. Why not choose one to use?
I don’t know JS yet. I hope you can give me a JS code. It’s time to learn JS.
I changed the code, but it has not been verified. You can verify it yourself, but the idea is like this
Oh, I understand what you mean. If you want the first line to be fixed, then I’ll think about it again
Oh, I understand what you mean. If you want the first line to be fixed, then I’ll think about it again One table at a time is simple Yes. Do you know js? Take a look
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
HTML defines the web structure, CSS is responsible for style and layout, and JavaScript gives dynamic interaction. The three perform their duties in web development and jointly build a colorful website.
HTML, CSS and JavaScript are the three pillars of web development. 1. HTML defines the web page structure and uses tags such as, etc. 2. CSS controls the web page style, using selectors and attributes such as color, font-size, etc. 3. JavaScript realizes dynamic effects and interaction, through event monitoring and DOM operations.
The roles of HTML, CSS and JavaScript in web development are: 1. HTML defines the web page structure, 2. CSS controls the web page style, and 3. JavaScript adds dynamic behavior. Together, they build the framework, aesthetics and interactivity of modern websites.
The future of HTML is full of infinite possibilities. 1) New features and standards will include more semantic tags and the popularity of WebComponents. 2) The web design trend will continue to develop towards responsive and accessible design. 3) Performance optimization will improve the user experience through responsive image loading and lazy loading technologies.
The future trends of HTML are semantics and web components, the future trends of CSS are CSS-in-JS and CSSHoudini, and the future trends of JavaScript are WebAssembly and Serverless. 1. HTML semantics improve accessibility and SEO effects, and Web components improve development efficiency, but attention should be paid to browser compatibility. 2. CSS-in-JS enhances style management flexibility but may increase file size. CSSHoudini allows direct operation of CSS rendering. 3.WebAssembly optimizes browser application performance but has a steep learning curve, and Serverless simplifies development but requires optimization of cold start problems.
The roles of HTML, CSS and JavaScript in web development are: HTML is responsible for content structure, CSS is responsible for style, and JavaScript is responsible for dynamic behavior. 1. HTML defines the web page structure and content through tags to ensure semantics. 2. CSS controls the web page style through selectors and attributes to make it beautiful and easy to read. 3. JavaScript controls web page behavior through scripts to achieve dynamic and interactive functions.
HTML is the cornerstone of building web page structure. 1. HTML defines the content structure and semantics, and uses, etc. tags. 2. Provide semantic markers, such as, etc., to improve SEO effect. 3. To realize user interaction through tags, pay attention to form verification. 4. Use advanced elements such as, combined with JavaScript to achieve dynamic effects. 5. Common errors include unclosed labels and unquoted attribute values, and verification tools are required. 6. Optimization strategies include reducing HTTP requests, compressing HTML, using semantic tags, etc.