Comment puis-je mettre DIV dans P?

Comment puis-je mettre un div dans le paragraphe? J'ai changé l'affichage à la volée, mais le navigateur diviser la base de l'alinéa deux de l'élément, et la div ne sera pas membre de l'alinéa.

source d'informationauteur János

  1. 20

    formulaire du site w3:

    La P élément correspond à un paragraphe. Il ne peut pas contenir de
    au niveau du bloc éléments (y compris P lui-même).

  2. 18

    pas vous ne pouvez pas imbriquer rien d'autre qu'un élément intégré dans un <p> si vous voulez le code de valider

    de la propriété de def:

    <!ELEMENT P - O (%inline;)* -- paragraph -->

    Je sais que c'est dur à comprendre ceux des cer à la fois, mais le peu entre parenthèses signifie que le <p> ne peut contenir que des inline éléments

    vous pouvez (et devez) utiliser un <span> à l'intérieur d'un <p> et, si nécessaire, vous pouvez le changer de CSS la propriété d'affichage à block ou inline-block et qui serait parfaitement légitime, que les propriétés CSS de ne pas modifier les définitions d'un élément.. dans votre cas, il semble que vous besoin d'un élément inline alors il suffit d'utiliser un <span>

  3. 2

    Faire un span, définissez le style d'un bloc.

    <p>
  paragraph text
  <span style="display: block;">Span stuff</span>
</p>
  4. 1

    Vous ne pouvez pas imbriquer un <div> élément à l'intérieur d'un <p> élément selon le standard HTML. Demandez-vous pourquoi vous voulez, même pour ce faire; il doit jamais être nécessaire. Un <p> élément ne peut, à la logique et ne doit contenir que des éléments en ligne et le texte.

  5. 0

    Div est un bloc. Span est sur la ligne. Deux d'entre eux sont des conteneurs.
    Vous avez à mettre en display:inline pour la div avec les css.
    Bien sûr, il ne passe pas la validation, afin de mieux utiliser span ( inline ) pour réaliser la même chose.

  6. 0

    Pour ceux qui pensent que la validation est décisif, il y a en fait deux façons d'obtenir un div à l'intérieur d'un p.

    Une façon est d'utiliser de manipulation du dom dans le script. Par exemple

    var theDiv = document.createElement("div");
theDiv.appendChild(document.createTextNode("inserted"));
var theP = document.getElementsByTagName("p")[0];
theP.insertBefore(theDiv, theP.firstChild);

    Le voir en action ici: http://www.alohci.net/text/html/div-in-p-by-script.htm.ashx

    L'autre moyen est d'utiliser le XHTML et le servir avec un contenu XML de type. (Pas de soutien dans IE avant IE9)

    Voir que ici : http://www.alohci.net/application/xhtml+xml/div-en-p-par-mime.htm.ashx

    (Notez cependant, que, s'il est possible de cette façon - c'est toujours pas valide.)

    Mais Vous fait le point vital. Sémantiquement, c'est un non-sens. Vous ne voudriez pas mettre un bloc de quelque chose dans le milieu d'un paragraphe, si vous avez écrit un texte sur le papier, il devrait donc y avoir aucun besoin de le faire en HTML.