содержания один сОн перекрытия на другую DIV

я быть_наст 4 дивов этисодержания один сОн перекрытия на другую DIV

<div id="wrapper"><div id="AccWiseDate">Date</div><div id="AccWiseMemo">MemoMemoMemoMemoMemoMemo</div><div id="AccWiseDebit">Debit</div><div id="AccWiseCredit">Credit</div></div>

и мой CSS код

#wrapper { 
    position: relative; 
    width:100%; 
    clear: both; 
} 

#AccWiseDate { 
    float: left; 
    width:25%; 
    text-align: left; 
    font-size: 15px; 
} 

#AccWiseMemo { 
    float: left; 
    width:25%; 
    text-align: left; 
    font-size: 15px; 
} 

#AccWiseDebit { 
    float: left; 
    width:25%; 
    text-align: left; 
    font-size: 15px; 
} 

#AccWiseCredit { 
    float: left; 
    width:25%; 
    text-align: left; 
    font-size: 15px; 
}

иногда памятка гораздо больше, чем ширина так перекрываться другими дела. и мне нужно скрыть дополнительный текст. более подробно см. jsfiddle http://jsfiddle.net/WuZat/65/

Что я дойдж неправильно. plz help thnks

источник

2013-07-21 Manish Agrawal

Попробуйте это: http://jsfiddle.net/WuZat/70/ –

Попробуйте изменить AccWiseMemo, как показано ниже, чтобы узнать, поможет ли он.

источник

2013-07-21 13:04:13 Pumpkinpro

он работает отлично. но он разрушает мое форматирование, что означает, что он выровнял всю строку из экрана. вы можете решить это. спасибо –

Можете ли вы уточнить, какой результат вы хотите получить, в [THIS jsfiddle] (http://jsfiddle.net/WuZat/71/) он выглядит нормально – Pumpkinpro

Фактически я использую jquerymobile, чтобы сделать приложение Android phone phone. и я хочу показать некоторые записи подряд. Я могу использовать таблицу, но я использую тег li, а один тег li содержит эти 4 divs и результат показан в строке. byr, используя overflow, я могу управлять перекрытием, но он растягивается означает, что он занимает больше размера, чем ширина устройства из-за длины текста заметки. если я даю текстовый текст в пределах его ширины, то он имеет правильную ориентацию. поэтому мне нужно управлять длиной этого текстового текста, чтобы я мог обрабатывать записи в правильно видимой строке. поэтому я думаю, мне нужно вырезать дополнительный текст после заданной ширины. –

Вы должны использовать свойство css.

#AccWiseMemo { 
float: left; 
width:25%; 
text-align: left; 
font-size: 15px; 
word-break: break-all;}

Не забудьте заменить код выше и проверить.

источник

2013-07-21 13:13:37

Использование word-wrap: break-word;

#AccWiseDebit { 
    float: left; 
    width:25%; 
    text-align: left; 
    font-size: 15px; 
    word-wrap: break-word; 
}

источник

2013-07-21 13:13:59

содержания один сОн перекрытия на другую DIV

ответ

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