J'ai rencontré un problème avec Text-Align: GAUCHE: Mes messages (texte) ne s'alignent pas à gauche. J'ai essayé plusieurs choses jusqu'à présent: Ajout de largeur: 100%, flotteur: gauche et affichage également: bloc. Malheureusement, aucun d'entre eux n'a travaillé. Je pensais que probablement la barre simple l'affecte si je ne pouvais pas comprendre comment alors. Serait si reconnaissant si vous pouviez m'aider en quelque sorte! Voici mon CSS et HTML:
[data-simplebar] { position: relative; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; }
3 Réponses :
Je pense que vous devriez supprimer p> text-align: centre; code> de Universal Switcher. J'espère qu'en dessous de l'extrait aide.
<h2 id="receiver" name="">Chat with Name</h2>
<div data-simplebar id="my-element" class="history">
<p>This is a message</p><br>
<p>This is a message</p><br>
</div>
Celui-ci fonctionne! Merci beaucoup! C'était en fait assez simple ... honte à moi pour ne pas venir avec moi seul!
Tout le monde fait des erreurs :) Je suis content que ma réponse ait aidé. Bonne chance!
Il y a donc une petite chose que vous pouvez faire pour résoudre votre problème, appelez simplement votre code de sélecteur universel avant tout,
comme ça, p> CSS est en cascade et donne à Prefrence au code qui est écrit après, voir simplement ce petit exemple p> p> <p>Test</p>
Je ne suis pas d'accord avec l'affirmation selon laquelle "il n'y a qu'une chose que vous puissiez faire" - bien que ce soit probablement la solution la plus propre et la plus simple.
@Swimmerf est d'accord avec vous, en fait, je ne voulais pas dire cela, changé la ligne que je voulais dire.
Mon sélecteur universel est en fait écrit au sommet de mon code mais ici je le mets ci-dessous, désolé. Quoi qu'il en soit, merci!
Il suffit de supprimer la transformée et l'absolu