Ширина для линейных элементов

AltCtrlDel · December 1, 2011

Доброго времени суток всем!

Мне нужно получить нечто вроде таблицы

Но, если строки не будут влезать в окно по горизонтали, то они толжны переносится, вот так

Но так получается только на IE, и только без !DOCTYPE. В противном случае ширина не учитывается. Для примера привожу скриншот из оперы.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<style type="text/css">
p {
	border-bottom: 1px solid #333333;
}
SPAN{
	margin: 3px 8px 0 0;
    white-space:nowrap;
    width:120px;
}
</style>
</head>
<body>
<P><SPAN>A=1702.573</SPAN><SPAN>B=40.005</SPAN><SPAN>С=6.328</SPAN><SPAN>D=7890.2378</SPAN><SPAN>E=87724.739</SPAN></P>
<P><SPAN>A=2.573</SPAN><SPAN>B=34740.005</SPAN><SPAN>С=6796.328</SPAN><SPAN>D=90.2378</SPAN><SPAN>E=4.739</SPAN></P>
<P><SPAN>A=17.573</SPAN><SPAN>B=4560.005</SPAN><SPAN>С=634.328</SPAN><SPAN>D=17890.2378</SPAN><SPAN>E=2.739</SPAN></P>
</body>
</html>

"таблица" большая, указывать ширину в каждом элементе не желательно. Хотелось бы через CSS.

SelenIT · December 1, 2011

display: inline-block для span?

AltCtrlDel · December 1, 2011

display: inline-block для span?

Гениально!

Спасибо, заработало. Тока пока плюсик вам не удаётся поставить.

Sign In

Ширина для линейных элементов

Question

AltCtrlDel

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

SelenIT

Link to comment

Share on other sites

AltCtrlDel

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information