2015-07-26 5 views
-2

У меня есть следующий HTML:Как получить текст внутри блока в html?

<html> 
<body> 
    <div> 
     <span>123456</span> 
     <span>ABC DEF HGI KLM NOP QRS TUV WXYZ ASASASASASAS </span>    
    </div> 
</body> 

Проблема: Когда становится меньше Сотовая связь буквенно-цифровой текст оборачивает под 123456.
Я хочу, чтобы обернуть в пролете не под левым пролетом.
I.e.

123456 ABC DEF HGI KLM NOP QRS 
     TUV WXYZ ASASASASASASASAS 

и не

123456 ABC DEF HGI KLM NOP QRS 
TUV WXYZ ASASASASASASASAS 

Есть ли способ сделать это без использования CSS? Только встроенные свойства?

ответ

1

Конечно, установить дисплей свойство для пролетов в табличной-клетку:

span { 
 
    display: table-cell; 
 
}
<div> 
 
    <span>123456</span> 
 
    <span>ABC DEF HGI KLM NOP QRS TUV WXYZ ASASASASASAS </span> 
 
</div>

+0

Но в ОП я просил что-то что не связано с CSS – Jim

+0

Единственный способ сделать это без CSS - использовать фактические таблицы. – j08691

0

Вы можете попробовать поплавок:

span:first-child { 
 
    float: left; 
 
} 
 
span:last-child { 
 
    display: block; 
 
    overflow: hidden; 
 
}
<div> 
 
    <span>123456</span> 
 
    <span>ABC DEF HGI KLM NOP QRS TUV WXYZ ASASASASASAS</span> 
 
</div>

+0

Но в OP я просил что-то, что не связано с CSS – Jim

+0

Это не имеет смысла. HTML и JS сами по себе не представляют. – Oriol