2015-07-29 3 views
0

Я написал следующий jinja2 HTML файл для моей колбы приложения, чтобы сделать:Сложность центрирования текстового поля генерируется код зеркало

<!DOCTYPE html> 
<html lang='en-US'> 
    <head> 
    <style type='text/css' media='screen'> 
     body { 
     background-image: url({{ url_for('static', filename='img/background.png') }}); 
     } 

     textarea { 
     display: block; 
     margin-left: auto; 
     margin-right: auto; 
     } 
    </style> 

    <script src={{ url_for('static', filename='script/CodeMirror/lib/codemirror.js') }}></script> 
    <link rel="stylesheet" href={{ url_for('static', filename='script/CodeMirror/lib/codemirror.css') }}> 
    </head> 

    <body> 
    <title>icc eval webapp</title> 

    <textarea id="text" rows="4" cols="10"></textarea> 

    <script> 
     var codeMirror = CodeMirror.fromTextArea(document.getElementById("text"), { 
     value: '(32.3333333333+1.6666667)/7-0.8571426+(5^2*2)-12.0000002619', 
     lineNumbers: true, 
     lineWrapping: true, 
     fixedGutter: true, 
     showCursorWhenSelecting: true, 
     cursorHeight: 0.85 
     }); 

     codeMirror.setSize(800, 400); 
    </script> 
    </body> 
</html> 

К сожалению, я не могу показаться, чтобы получить к центру. Он продолжает отображаться слева от страницы, и я надеялся, что он будет центром, с широким краем с обеих сторон и над ним. Любая помощь будет оценена. Спасибо.

ответ

0

Wrap тур в текстовое поле DIV

<div class="test"> 
    <textarea id="text" rows="4" cols="10"></textarea> 
</div> 

CSS:

.test { 
    width: 100%; 
    text-align: center; 
    margin: 0 auto; 
} 
+0

Неа, не работает: L – DTSCode

Смежные вопросы