Shulou(Shulou.com)06/02 Report--

This article mainly introduces css how to hide row elements, the article introduces in great detail, has a certain reference value, interested friends must read it!

Css hides the line element: 1, using the display attribute, you only need to add the "display:none" style to the line element; 2, using the visibility attribute, you only need to add the "visibility:hidden" style to the line element.

The operating environment of this tutorial: windows7 system, CSS3&&HTML5 version, Dell G3 computer.

1. In css, we can hide elements by setting the display attribute to none. To hide a row element, simply add a "display:none" style to the row element.

Let's take a look at how to hide row elements through an example, as follows:

Create a new html file, named test.html, to explain how css hides one row of the table. Use the table tag to create a table with three rows and two columns. Set the id property of the second line to mytarget, and hide it using css.

Within the css tag, set the width of the table to 280px and the height to 180px through table.

2. Within the css tag, set the style of the second row of the table through id, set the display property to none, and hide it.

Open the test.html file in the browser to see the effect of the implementation.

Summary:

Use the table tag to create a table with three rows and two columns.

Set the id property of the second line to mytarget, and hide it using css.

Within the css tag, set the width of the table to 280px and the height to 180px through table.

Within the css tag, style the second row of the table through id, set the display property to none, and hide it.

2. In css, you can also use the visibility attribute to hide the row element, and the visibility attribute to specify whether the element is visible.

You just need to add a "visibility:hidden" style to the line element, as shown in the following example:

# hang {visibility:hidden} 1111 2222 3333 4444

Output result:

The above is all the content of the article "how to hide Line elements in css". Thank you for reading! Hope to share the content to help you, more related knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.