Reduce the gap between rows by using css in asp.net

To reduce and equalize the gap between rows in an ASP.NET form, you should control spacing using CSS, not HTML tables or
tags.

Recommended approach (CSS class for rows)

1. Wrap each row in a common CSS class

2. Define spacing in CSS

.form-row {
    margin-bottom: 8px;   /* equal gap for all rows */
}

Change 8px to any value you want.

If you are using

table.form-table tr {
    height: 32px;
}

or

table.form-table td {
    padding: 6px 8px;
}

---

If you are using Bootstrap

...

or

.form-group {
    margin-bottom: 0.5rem;
}

---

What NOT to do

• Don’t use multiple
tags

• Don’t use inline styles repeatedly

• Don’t set different margins per control

---

Summary

Use one CSS class for all rows
Control spacing with margin-bottom or padding
Ensures equal gap everywhere
Works in all ASP.NET forms

This is the cleanest and correct CSS-based solution.

0

Satya Karki3y agoPosted May 3, 2023, 10:10 AM

Hi, you can use Bootstrap Grid. If you are new you can get an understanding in detail from the below links

https://www.w3schools.com/bootstrap/bootstrap_grid_system.asp

https://www.w3schools.com/bootstrap/bootstrap_grid_small.asp

Better share your code.

+1

VP

vidhyadar P3y agoPosted May 3, 2023, 9:16 AM

Noo,I am not using table

+1

Jignesh Kumar3y agoPosted May 3, 2023, 8:26 AM

Are you using table ?

First cell

Second cell