HTML-object als willekeurig Element

nt niet een deel van het element hebben op één positie van het scherm en dan na het overslaan van sommige elementen, heb je het andere deel in een andere positie van de screen.In termen van lay-out, het object element is als het DIV element , met het verschil dat het inline (standaard) en verpakt in de volgende lines.Effects van het hebben van blokelementen in Object Elementa block-level element zal een hele horizontale streep onder haar bevatten (bijvoorbeeld BODY) element te bezetten. Een voorbeeld van een blokelement is de Paragraaf element.

Als je onder andere een block-level element in een object element, zal de block-level element een volledige horizontale lijn in het object element nemen. Deze lijn genomen kan erg lang zijn, afhankelijk van de hoogte van het blok-niveau element. Echter, de verpakking aard van het object element nog gehandhaafd. Nou, als het object element niet over een breedte waarde, zal de breedte van de lijn die van het element (bijvoorbeeld BODY) huisvesting van de Object element.Assume dat u een object element bij de standaard inline staat.

Laat de inhoud van het Voorwerp element van een reeks inline elementen dan een blokelement en andere reeks inline elementen worden gemaakt. Het object element op zijn standaard inline toestand wordt weergegeven in rijen bij de browser. In dit geval zal het object element beginnen met het weergeven van de reeks inline elementen omwikkelen in lijnen. Als het de block-level element bereikt, toont het de block-level element in een horizontale streep in het object element. Het blijft de andere series van inline elementen weer te geven, het verpakken them.

Converting Block-LevelYou kan een object element om te zetten in een block-level element. ": Block scherm" om dit te doen u de woning en de waarde van CSS display gebruiken. Het volgende voorbeeld illustreert dit: Sommige elementsIn dit geval zal het object element één horizontale streep in haar bevatten (bijvoorbeeld BODY) element te bezetten. FloatingYou kan een object element drijven. Vergeet niet, wanneer u een inline element (of Object-element) drijven wordt het een block-level element dat een klein gebied beslaat. Om een ​​object element drijven, moet je het een breedte waarde.

De volgende code illustreert dit: tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst