Espace en HTML
baissaoui
Messages postés
598
Date d'inscription
Statut
Webmaster
Dernière intervention
-
En HTML, les espaces consécutifs sont ignorés par les navigateurs, au même titre que les retours chariots ou les tabulations.
Pour insérer plusieurs espaces consécutifs, il est nécessaire d'utiliser une entité HTML spécifique, appelée espace insécable, dont le code HTML est le suivant :
Pour faire des tabulations ou des mises en forme avancées, on peut recourir à la propriété CSS
{white-space}
. Cette propriété permet de définir si les espaces seront affichés ou pas.
La valeur
{ white-space: pre }
affiche tous les espaces.
<style>@media(max-device-width: 767px) { .ccmPlayerTextTitle {display: none;} } #ccmPlayer-427442 .ccmPlayerPlaceHolder {position: absolute; width: 100%; height: 100%; flex-direction: column; justify-content: center; display: flex; text-align: center; ; color:#474a4f;} .ccmPLayerLoaderBox {box-sizing: border-box; height: 59px; width: 59px; margin: 5px auto;} .ccmPlayerTextDefault {top: -10px; position: relative;} .ccmPlayerTextDefault:before {content: "Chargement de votre vidéo";} #ccmPlayer-427442 .ccmPLayerLoader{color:#fff;position:relative;box-sizing:border-box;left:-9999px;top:-9999px;width:0;height:0;overflow:hidden;}#ccmPlayer-427442 .ccmPLayerLoader:after,#ccmPlayer-427442 .ccmPLayerLoader:before{box-sizing:border-box;display:none}#ccmPlayer-427442 .ccmPLayerLoader.is-active{width:100%;height:100%;left:0;top:0;position:relative;}#ccmPlayer-427442 .ccmPLayerLoader.is-active:after,#ccmPlayer-427442 .ccmPLayerLoader.is-active:before{display:block}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes blink{0%{opacity:.5}to{opacity:1}}#ccmPlayer-427442 .ccmPLayerLoader[data-text]:before{position:relative;left:0;top:50%;color:currentColor;font-family:Helvetica,Arial,sans-serif;text-align:center;width:100%;font-size:14px}#ccmPlayer-427442 .ccmPLayerLoader[data-text=""]:before{content:"Loading"}#ccmPlayer-427442 .ccmPLayerLoader[data-text]:not([data-text=""]):before{content:attr(data-text)}#ccmPlayer-427442 .ccmPLayerLoader[data-text][data-blink]:before{animation:blink 1s linear infinite alternate}#ccmPlayer-427442 .ccmPLayerLoader-default[data-text]:before{top:calc(50% - 63px)}#ccmPlayer-427442 .ccmPLayerLoader-default:after{content:"";position:relative;width:48px;height:48px;border:8px solid #474a4f;border-left-color:transparent;border-radius:50%;top:calc(50% - 24px);left:calc(50% - 24px);animation:rotation 1s linear infinite}#ccmPlayer-427442 .ccmPLayerLoader-default[data-half]:after{border-right-color:transparent}#ccmPlayer-427442 .ccmPLayerLoader-default[data-inverse]:after{animation-direction:reverse} .ccmPlayer#ccmPlayer-427442 {position:absolute;width:100%;height:100%; background-color:#dcdcdc; background-size: cover; flex-direction: column; justify-content: center; display: flex; text-align: center; font-family: Roboto, sans-serif; font-size: 20px; font-weight: bold; line-height: 26px; color: #474a4f;}</style> <script type="application/ld+json">{"@context":"http:\/\/schema.org","@type":"VideoObject","name":"FAQ : Espace en HTML","description":"FAQ : Espace en HTML","thumbnailUrl":"https:\/\/media.ccmbg.com\/tc\/7140658700\/427442\/1613493243","uploadDate":"2021-02-16T17:34:03+01:00","contentUrl":"https:\/\/media.ccmbg.com\/vc\/1613493243\/7140658700\/427442.mp4","duration":"PT2M3S","embedUrl":"https:\/\/media.ccmbg.com\/media\/?format=embed&rid=427442&rkey=7140658700&site=ccm&startMode=0"}</script>
"FAQ : Espace en HTML"
