Μέθοδος 1:Χρησιμοποιώντας ένα `
Αυτή είναι η πιο συνηθισμένη και ευέλικτη μέθοδος. Δημιουργείτε ένα στενό στοιχείο `div` και το στυλ είναι μια κατακόρυφη γραμμή.
`` html
`` `
* `πλάτος:1px;` :Κάνει τη γραμμή 1 pixel πλάτος. Μπορείτε να προσαρμόσετε αυτήν την τιμή.
* `Ύψος:100px;` :Ορίζει το ύψος της γραμμής. Ρυθμίστε αυτό στις ανάγκες σας. Εξετάστε τη χρήση ποσοστών (`ύψος:100%,`) για να το γεμίσετε το διαθέσιμο χώρο.
* `φόντο-χρώμα:μαύρο;` :Ρυθμίζει το χρώμα της γραμμής. Αλλάξτε αυτό στο προτιμώμενο χρώμα σας.
* `Περιθώριο:0 auto;` :Επικεντρώνεται στη γραμμή οριζόντια. Αυτό λειτουργεί μόνο εάν το γονικό δοχείο έχει ένα καθορισμένο πλάτος.
Μέθοδος 2:Χρησιμοποιώντας ένα `
Το `
`` html
`` `
* `πλάτος:1px;` :Ρυθμίζει το πλάτος (πριν από την περιστροφή).
* `Ύψος:100px;` :Ρυθμίζει το ύψος (πριν από την περιστροφή).
* `σύνορα:1px solid μαύρο;` :Ορίζει τα σύνορα της γραμμής.
* `Transform:Περιστρέψτε (90deg);` :Περιστρέφει τη γραμμή 90 μοίρες.
* `Transform-Origin:Top Center;` :Ορίζει την προέλευση περιστροφής στο επάνω κέντρο, εξασφαλίζοντας ότι περιστρέφεται γύρω από την κορυφή του.
Μέθοδος 3:Χρησιμοποιώντας ένα περίγραμμα σε div
Μπορείτε επίσης να δημιουργήσετε μια κατακόρυφη γραμμή χρησιμοποιώντας το περίγραμμα ενός div, αυτό μπορεί να είναι πιο ευέλικτο από τη χρήση χρώματος φόντου.
`` html
ενσωματώνοντας στο ASP.NET
Συνήθως θα ενσωματώσατε αυτό το HTML στο αρχείο σας στο ASP.NET RAZOR RAZOR (.cshtml):
`` `csharp
@{
// Ο άλλος κωδικός σας ...
}
@{
// Περισσότερο από τον κωδικό σας ...
}
`` `
Θυμηθείτε να προσαρμόσετε τις ιδιότητες `Ύψος 'και άλλες ιδιότητες στυλ για να ταιριάζουν με τις συγκεκριμένες ανάγκες διάταξης. Για πιο περίπλοκα σενάρια ή συνεπή στυλ σε όλη την εφαρμογή σας, σκεφτείτε να δημιουργήσετε μια κλάση CSS και να την εφαρμόσετε στο στοιχείο αντί για στυλ inline. Αυτή είναι γενικά η προτιμώμενη προσέγγιση για τη διατήρηση. Για παράδειγμα:
προσέγγιση κλάσης CSS (συνιστάται):
το αρχείο CSS (π.χ., `styles.css`):
`` `CSS
.vertical-line {
Πλάτος:1px;
Ύψος:100px;
φόντο-χρώμα:μαύρο;
Περιθώριο:0 Auto;
}
`` `
Η προβολή ξυράφι σας:
`` html
`` `
Αυτή η προσέγγιση είναι καθαρότερη, πιο εύκολη στη συντήρηση και σας επιτρέπει να επαναχρησιμοποιήσετε το στυλ σε πολλαπλά στοιχεία. Θυμηθείτε να συνδέσετε το αρχείο CSS με την προβολή σας σωστά.
`Ετικέτα με CSS (για έναν απλό διαχωριστή)
`Η ετικέτα έχει σχεδιαστεί για οριζόντιους κανόνες, αλλά με το CSS, μπορείτε εύκολα να το κάνετε κάθετη. Αυτό είναι καλύτερο για απλούς διαχωριστές.
>
Πνευματικά δικαιώματα © Γνώση Υπολογιστών Όλα τα δικαιώματα κατοχυρωμένα