Πώς να κάνετε αλλαγή γραμμής από το css, χωρίς να χρησιμοποιήσετε το <br />?

έξοδος:

<p>hello <br> How are you </p>

κωδικός:

Γεια σας. Πώς είστε;

Πώς να επιτύχετε την ίδια έξοδο χωρίς <br>;

T.Todua
Επεξεργασμένη ερώτηση Κάνε Νοέμβριος 2018 в 4:48
Προγραμματισμός
css3 html css
Κάνε Απρίλιος 2010 в 7:22
12 προβολές
Λύση

Αδύνατον με την ίδια δομή HTML, πρέπει να έχετε κάτι για να διακρίνετε μεταξύ του "Γεια σας" και του "Πώς είστε".

Προτείνω να χρησιμοποιήσετε span τα οποία στη συνέχεια θα εμφανίσετε ως μπλοκ (ακριβώς όπως ένα <div> στην πραγματικότητα).

HTML:

<p><span>hello</span><span>How are you</span></p>

CSS:

p span 
{
    display: block;
}
Vincent Robert
Επεξεργασμένη απάντηση Κάνε Οκτώβριος 2014 в 9:02
Σχόλια (7)

Μπορείτε να χρησιμοποιήσετε το white-space: pre; για να κάνετε τα στοιχεία να συμπεριφέρονται σαν <pre>, το οποίο διατηρεί τις νέες γραμμές. Παράδειγμα:


 p {
  white-space: pre;
 }

<p>hello
How are you</p>

Σημειώστε ότι αυτό δεν λειτουργεί στον IE6 ή τον IE7. Δεν γνωρίζω για τον IE8.

Σχόλια (4)

Οι απαντήσεις τόσο του Vincent Robert όσο και του Joey Adams είναι έγκυρες. Αν δεν θέλετε, ωστόσο, να αλλάξετε τη σήμανση, μπορείτε απλώς να εισάγετε ένα <br /> χρησιμοποιώντας javascript.

Δεν υπάρχει τρόπος να το κάνετε αυτό στο CSS χωρίς να αλλάξετε το markup.

Vincent Robert
Επεξεργασμένη απάντηση Κάνε Απρίλιος 2010 в 1:48
Σχόλια (2)