Выравнивание текста HTML
Подскажите, как просто и правильно сделать выравнивание,
в общем надо, выдать такие параметры до 14 штук, надо их как-то выбранить,относительно друг друга, раньше использовать тэг pre, но как-то тоже разное количество табуляции по разному выравнивал, вот решил сделать как-то по нормальному, пока ввиду в виде таблице, но это потом сложно модифицировать :( - параметр 1 - OID.7 INTEGER 2 байт - Статус параметр 1 - OID.8 INTEGER 1 байт Где 0 - Норма 1 - Предупреждение 2 - Авария - параметр 2 - OID.9 INTEGER 2 байт - Статус параметр 2 - OID.10 INTEGER 1 байт |
Цитата:
Можно показывать и в ДИВах, если указать им всем нужную ширину. ;) |
Цитата:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<!--
<script src='https://code.jquery.com/jquery-latest.js'></script>
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
body {
font-family: Tahoma;
font-size: 10pt;
}
.line {
overflow: hidden;
}
.line > div {
float: left;
}
.line > div:nth-child(1) {
width: 170px;
}
.line > div:nth-child(2) {
width: 70px;
}
.line > div:nth-child(3) {
width: 70px;
}
.line > div:nth-child(4) {
width: 50px;
}
</style>
<script type='text/javascript'>
</script>
</head>
<body>
<div class='line'>
<div class=''>- параметр 1</div>
<div class=''>- OID.7</div>
<div class=''>INTEGER</div>
<div class=''>2 байт</div>
</div>
<div class='line'>
<div class=''>- Статус параметр 1</div>
<div class=''>- OID.8</div>
<div class=''>INTEGER</div>
<div class=''>1 байт</div>
</div>
</body>
</html>
|
| Часовой пояс GMT +3, время: 11:10. |