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
WBOYOriginal
2016-06-24 12:13:592402browse

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






    < li>First columnSecond columnThird column
  • First columnSecond columnThird column

  • < span>First columnSecond columnThird column

  • First columnSecond columnThird column


< /div>


Statement:
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