Форум

pokk · #1 (**permalink**) 07.03.2018, 08:40

Подскажите, как просто и правильно сделать выравнивание,
в общем надо, выдать такие параметры до 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 байт

ksa · #2 (**permalink**) 07.03.2018, 09:06

Сообщение от pokk

вот решил сделать как-то по нормальному, пока ввиду в виде таблице

Все правильно, табличные данные нужно показывать в таблице.

Можно показывать и в ДИВах, если указать им всем нужную ширину.

ksa · #3 (**permalink**) 07.03.2018, 09:15

Сообщение от ksa

Можно показывать и в ДИВах, если указать им всем нужную ширину.

Как вариант...

<!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>

Форум

Справочник

Discord чат

Курсы javascript