За последние 24 часа нас посетили 17374 программиста и 1716 роботов. Сейчас ищут 1499 программистов ...

Ограничить длину строки в html в теге <div style>

Тема в разделе "HTML и CSS", создана пользователем Dima4321, 18 ноя 2009.

  1. Dima4321

    Dima4321 Активный пользователь

    С нами с:
    1 апр 2009
    Сообщения:
    683
    Симпатии:
    0
    Всем привет


    Вот к примеру

    Имеем кусок <div style="float:right;">рыба была очень умной, но со временем, что что не давало ей покоя </div>

    Как сделать так чтобы этот текст имел фиксированную величину на строке..т.е например мне надо , чтобы это было так


    рыба была очень умной, но со временем,
    что что не давало ей покоя.


    Т.е у меня будет большой текст в этом dive и хотелось бы ограничть каждую строчку количеством знаков до 40 а потом перенос и лучше целиком слова...без его дробления.


    Заранее спасибо.
     
  2. Padaboo

    Padaboo Старожил
    Команда форума Модератор

    С нами с:
    26 окт 2009
    Сообщения:
    5.242
    Симпатии:
    1
    Тебе ниже
    |
    |
    |
    v

    :)
     
  3. Dima4321

    Dima4321 Активный пользователь

    С нами с:
    1 апр 2009
    Сообщения:
    683
    Симпатии:
    0
    В смысле не понял юмора ?? )_)


    Кто0нибудь помогите пожалуйста. ???
     
  4. Volt(220)

    Volt(220) Активный пользователь

    С нами с:
    11 июн 2009
    Сообщения:
    1.640
    Симпатии:
    1
    [css]#divNa40 {width: 40em}[/css]
     
  5. Dima4321

    Dima4321 Активный пользователь

    С нами с:
    1 апр 2009
    Сообщения:
    683
    Симпатии:
    0
    Не понял ..это через переменную...куда в шапку это записать...

    как это стыковть с моим текстом

    ???
     
  6. Padaboo

    Padaboo Старожил
    Команда форума Модератор

    С нами с:
    26 окт 2009
    Сообщения:
    5.242
    Симпатии:
    1
    это класс пахоже
     
  7. Dima4321

    Dima4321 Активный пользователь

    С нами с:
    1 апр 2009
    Сообщения:
    683
    Симпатии:
    0
    Вот для себя нашел такое решение

    в css

    .block1 {
    width: 200px;
    background: #ccc;
    padding: 5px;
    padding-right: 20px;
    border: solid 1px black;
    float: right;

    в самом html
    <div class="block1" >hs,f ,skf jxtym bynthtcyjq xtkjd jhjkhk kjkjk kjkj kjkjl llkkk kkkkkjj hhhhhgg ffffdd sssa aajhhkk kkkg fff jjj.</div>
     
  8. Padaboo

    Padaboo Старожил
    Команда форума Модератор

    С нами с:
    26 окт 2009
    Сообщения:
    5.242
    Симпатии:
    1
    Dima4321
    спс, пригодится
     
  9. Volt(220)

    Volt(220) Активный пользователь

    С нами с:
    11 июн 2009
    Сообщения:
    1.640
    Симпатии:
    1
    Это правило для элемента с id divNa40.

    width: 200px - не дает размера в 40 символов.
     
  10. Dima4321

    Dima4321 Активный пользователь

    С нами с:
    1 апр 2009
    Сообщения:
    683
    Симпатии:
    0
    D
    в css

    #divNa40 {width: 40em}


    в html
    <div align="right" id="divNa40">вася ушел к бабушке и не вернулся потому что забыл дома пирожки которые приготовила его мама и ведь они были очень вкусные. а вот дальше и началось все самое интересное</div>



    Короче текст получается не справа а слева...
     
  11. Volt(220)

    Volt(220) Активный пользователь

    С нами с:
    11 июн 2009
    Сообщения:
    1.640
    Симпатии:
    1
    Естественно.
    Правда с величиной em я похоже ошибся.
    Там надо подобрать сколько этих em нужно для 40 символов.

    Но задавать все равно лучше в em, чем в пикселях (если нужно 40 символов). Тогда при изменении величины текста div по-прежнему будет иметь величину 40 символов.