Skip to content

Commit 02e1d83

Browse files
committed
center tag
1 parent 6cd83cb commit 02e1d83

File tree

1 file changed

+33
-0
lines changed

1 file changed

+33
-0
lines changed

README.md

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -54,6 +54,7 @@
5454
* [شناور کردن تگ ها](#شناور-کردن-تگ-ها)
5555
* [وضوح](#وضوح)
5656
* [سایه](#سایه)
57+
* [وسط قرار دادن تگ ها](#وسط-صفحه-قرار-دادن-تگ-ها)
5758

5859
## مقدمه
5960

@@ -1720,5 +1721,37 @@ img{
17201721

17211722
برای ساخت راحت box-shadow می توانید داخل نت سرچ کنید [box shadow generator](https://www.google.com/search?q=box+shadow+generator)
17221723

1724+
## وسط صفحه قرار دادن تگ ها
1725+
1726+
قرار دادن المان بلاکی در وسط صفحه
1727+
1728+
1. عرض المان را مشخص می کنیم.
1729+
2. بهش خصیصه margin: auto قرار می دهیم.
1730+
1731+
```css
1732+
div{
1733+
width: 200px;
1734+
margin: auto;
1735+
}
1736+
```
1737+
1738+
برای وسط قرار دادن متن از text-align: center استفاده می کنیم.
1739+
1740+
وسط قرار دادن المان inline
1741+
1742+
1. عرض المان را مشخص می کنیم.
1743+
2. بهش خصیصه margin: auto قرار می دهیم.
1744+
3. و مقدار را مساوی display: block قرار می دهیم.
1745+
1746+
```css
1747+
span{
1748+
width: 300px;
1749+
margin: auto;
1750+
display: block;
1751+
}
1752+
```
1753+
1754+
راه دیگر برای کار فوق دادن text-align: center به تگ پدر است.
1755+
17231756

17241757
</div>

0 commit comments

Comments
 (0)