Ako nakreslíte vertikálnu čiaru v ASPNET?

Na kreslenie vertikálnej čiary neexistuje jediná značka ASP.NET. Musíte používať HTML a CSS. Tu je niekoľko spôsobov, ako to urobiť, v závislosti od požadovanej úrovne štýlu:

Metóda 1:Použitie `` s CSS

Toto je najbežnejšia a flexibilnejšia metóda. Vytvoríte úzky prvok `div a štýl, aby bol vertikálnou čiarou.

`` `html

`` `

* `šírka:1px;` :Robí riadok 1 pixel široký. Túto hodnotu môžete upraviť.

* `výška:100px;` :Nastavuje výšku čiary. Prispôsobte to svojim potrebám. Zvážte použitie percentá (`výška:100%;`), aby sa vyplnil dostupný priestor.

* `zakladacie farby:čierne;` :Nastavuje farbu čiary. Zmeňte to na preferovanú farbu.

* `Margin:0 Auto;` :Sústreďuje čiaru vodorovne. Funguje to iba vtedy, ak má rodičovský kontajner definovanú šírku.

Metóda 2:Použitie `

---

`značka s CSS (pre jednoduchý oddeľovač)

`

---

`TAG je navrhnutá pre vodorovné pravidlá, ale s CSS ho môžete ľahko urobiť vertikálnym. To je najlepšie pre jednoduché oddeľovače.

`` `html

---

`` `

* `šírka:1px;` :Nastavuje šírku (pred rotáciou).

* `výška:100px;` :Nastavuje výšku (pred rotáciou).

* `Border:1px Solid Black;` :Definuje hranicu linky.

* `transformácia:rotute (90deg);` :Otočí čiaru 90 stupňov.

* `Transformácia-Origin:horné centrum;` :Nastavuje pôvod rotácie do horného stredu a zaisťuje, že sa otáča okolo jej vrchu.

Metóda 3:Použitie hranice na div.

Môžete tiež vytvoriť vertikálnu čiaru pomocou hranice div. Môže to byť flexibilnejšie ako používanie farby na pozadí.

`` `html

`` `

* `Border-Left:1px Solid Black;` :Vytvorí vľavo 1px pevný čierny okraj. Dalo by sa použiť „pravicový hraničný“ pre riadok na pravej strane div.

Incorporácia do asp.net

Tento HTML by ste zvyčajne vložili do súboru ASP.NET Razor View (.cshtml):

`` csharp

@{

// Váš ďalší kód ...

}

@{

// Viac vášho kódu ...

}

`` `

Nezabudnite upraviť „výšku“ a ďalšie vlastnosti štýlu tak, aby zodpovedali vašim konkrétnym potrebám rozloženia. Pre zložitejšie scenáre alebo konzistentný štýl vo vašej aplikácii zvážte vytvorenie triedy CSS a nanesenie na prvok namiesto inline štýlov. Toto je vo všeobecnosti preferovaný prístup k udržiavateľnosti. Napríklad:

CSS Class Access (Odporúčané):

Váš súbor CSS (napr. `Styles.css`):

`` CSS

.vertical-line {

Šírka:1px;

Výška:100px;

zafarbenie:čierna;

okraj:0 Auto;

}

`` `

Váš pohľad na holiaci strojček:

`` `html

`` `

Tento prístup je čistejší, ľahšie sa udržiava a umožňuje vám znova použiť štýl vo viacerých prvkoch. Nezabudnite správne prepojiť svoj súbor CSS so svojím zobrazením správne.

• Predchádzajúca strana: Telnet 192.168.1.70 Port 23 Aký je technik, ktorý má v úmysle robiť softvérovú aplikáciu? 
• Ďalšia strana: Aké sú 6 funkcií komunikačného protokolu?