Community Learn Tools Library Leisure

English

Home > Web Front-end > HTML Tutorial > Experts, please tell me how to make a table with 4 rows and 3 columns using ul li code without using TABLE_html/css_WEB-ITnose

Experts, please tell me how to make a table with 4 rows and 3 columns using ul li code without using TABLE_html/css_WEB-ITnose

WBOY

Release： 2016-06-24 12:13:59

Original

2410 people have browsed it

Experts ask for advice on how to make a table with 4 rows and 3 columns using ul li code without using TABLE

Reply to the discussion (solution)

Fix the width and height of ul, adjust the width of li to 1/3 of the width of ul, and adjust the height to 1/4 of the height of ul. The li style should float left

Thank you for learning

In fact, floating There are still many problems
The main ones are browser compatibility issues and whether your layout is fixed or fluid
I suggest you go online and read more articles about list floating, which will be very helpful to you.
IE6/7 has the most floating bugs, but it is also the easiest to solve because the experts have already summarized the solutions. You can just follow them

New Document

First column

Second column

Third column

First columnSecond columnThird column

< span>First columnSecond columnThird column

First columnSecond columnThird column

< /div>

Related labels：

高手求教请问下做一个4行3列的表格不用TABLE如何用ul li代码写

source：php.cn

Previous article：How to trigger JS when the mouse moves over a div block? _html/css_WEB-ITnose Next article：Why do many websites put style sheets, pictures and other resources under an independent domain name? _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