Comment se fait-il que mon <textarea> ne soit pas centré quand ses parents sont centrés avec 'margin: 0 auto'?

Pour une raison quelconque mon textarea DIV ne héritera d'Comment se fait-il que mon <textarea> ne soit pas centré quand ses parents sont centrés avec 'margin: 0 auto'?

margin: 0 auto

de son parent:

* 
{ 
    padding: 0; 
    margin: 0 auto; 
}

Voici un lien vers mon CSS & HTML for this example

Comment puis-je faire en sorte que le textarea DIV est réellement centré?

Source

2010-08-01 Anonymous

Ajoutez display:block; au style textarea. Après cela, la zone de texte sera traitée comme élément de bloc et sera affichée centrée.

textarea 
{ 
    display:block; 
     resize: none; 
    overflow: hidden; 
    width: 460px; 
    padding: 3px; 
}

Source

2010-08-01 08:56:40 azram19

Vous m'avez apporté une grande joie. Je vous remercie. –

Par défaut, les marges ne sont pas héritées. Vous devez spécifier explicitement margin: 0 auto; pour la zone de texte en question. Sinon, l'élément conteneur sera centré, mais la zone de texte sera disposée à l'intérieur du conteneur en fonction du flux régulier (c.-à-d. margin: 0;).

Source

2010-08-01 08:56:42 tdammers

'margin: 0 auto' est hérité par #container, .reply-box et

était le seul qui n'en a pas hérité. regardez @ azram19 réponse pour cela a résolu mon problème. –
                        <span class="text-secondary">
                            <small>
                                <span></span>
                            </small>
                        </span>
                    </p>
                </div>
            </div>
        </div>
    </div>
            </div>
        </article>
        </div>

<div>
    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    <ins class="adsbygoogle"
         style="display:block"
         data-ad-format="autorelaxed"
         data-ad-client="ca-pub-6208739752673518"
         data-ad-slot="1575177025"></ins>
    <script>
        (adsbygoogle = window.adsbygoogle || []).push({});
    </script>
</div>

</div>
</div>

</div>

<div class="row box_white visible-sm visible-md visible-lg margin-zero">
            <div class="top">
                <h3 class="title"><i
                        class="glyphicon glyphicon-th-list"></i> Questions connexes</h3>
            </div>
            <div class="article-relative-content">
                <ul class="side_article_list">

<li class="side_article_list_item">Aucun problème connexe^_^</li>
                </ul>
            </div>
        </div>
    </div>

</div>    </div>
</div>
</div>

<footer id="footer">
    <div class="bg-simple lt">
        <div class="container">
            <div class="row padder-v m-t">
                <div class="col-xs-8">
                    <ul class="list-inline">
                        <li><a href="http://fr.uwenku.com/contact">Nous contacter</a></li>
                        <li>© 2020 FR.UWENKU.COM</li>
                        <li><a target="_blank" href="https://beian.miit.gov.cn/">沪ICP备13005482号-4</a></li>
                        <li><script type="text/javascript" src="https://v1.cnzz.com/z_stat.php?id=1280101193&web_id=1280101193"></script></li>
                        <li><a href="http://www.uwenku.com/" target="_blank" title="优文库">简体中文</a></li>
                        <li><a href="http://hk.uwenku.com/" target="_blank" title="優文庫">繁體中文</a></li>
                        <li><a href="http://ru.uwenku.com/" target="_blank" title="поле вопросов и ответов">Русский</a></li>
                        <li><a href="http://de.uwenku.com/" target="_blank" title="Frage - und - antwort - Park">Deutsch</a></li>
                        <li><a href="http://es.uwenku.com/" target="_blank" title="Preguntas y respuestas">Español</a></li>
                        <li><a href="http://hi.uwenku.com/" target="_blank" title="कार्यक्रम प्रश्न और उत्तर पार्क">हिन्दी</a></li>
                        <li><a href="http://it.uwenku.com/" target="_blank" title="IL Programma di chiedere Park">Italiano</a></li>
                        <li><a href="http://ja.uwenku.com/" target="_blank" title="プログラム問答園区">日本語</a></li>
                        <li><a href="http://ko.uwenku.com/" target="_blank" title="프로그램 문답 단지">한국어</a></li>
                        <li><a href="http://pl.uwenku.com/" target="_blank" title="program o park">Polski</a></li>
                        <li><a href="http://tr.uwenku.com/" target="_blank" title="Program soru ve cevap parkı">Türkçe</a></li>
                        <li><a href="http://vi.uwenku.com/" target="_blank" title="Đáp ứng viên">Tiếng Việt</a></li>
                        <li><a href="http://fr.uwenku.com/" target="_blank" title="Programme interrogation Park">Française</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    </div>
</footer>

<script>
    var _hmt = _hmt || [];
    (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?f78a970f17b19a79fc477a3378096f29";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>
</body>
</html>

Comment se fait-il que mon <textarea> ne soit pas centré quand ses parents sont centrés avec 'margin: 0 auto'?

Répondre