Как я могу обернуть или сломать длинный текст/слово в фиксированном диапазоне ширины?

Я хочу создать диапазон с фиксированной шириной, который, когда я ввожу какую-либо вещь в диапазон, например <span>lgasdfjksdajgdsglkgsadfasdfadfasdfadsfasdfasddkgjk</span>, длинную строку текста без разметки, слово разбивают или переносят на следующую строку.

Любые идеи?

Ответы

Ответ 1

Вы можете использовать свойство CSS word-wrap:break-word;, которое сломает слова, если они слишком длинны для вашей ширины диапазона.

span { 
    display:block;
    width:150px;
    word-wrap:break-word;
}

<span>VeryLongLongLongLongLongLongLongLongLongLongLongLongExample</span>

Ответ 2

Подобно этому

DEMO

  li span{
    display:block;
    width:50px;
    word-break:break-all;
}

Ответ 3

Попробуйте выполнить css:

span {
    display: block;
    word-wrap:break-word;
    width: 50px;
    white-space: normal
}

Ответ 4

По умолчанию a span является элементом inline... так что это не поведение по умолчанию.

Вы можете сделать span таким образом, добавив display: block; в ваш CSS.

span {
    display: block;
    width: 100px;
}

Ответ 5

Попробуйте это

span {
    display: block;
    width: 150px;
}

Ответ 6

Я добавил в свой код позади. Подобный ответ, как указано выше.

   Dim lblSite As Label
   lblSite.Text = "lgasdfjksdajgdsglkgsadfasdfadfasdfadsfasdfasddkgjk"
   lblSite.Attributes.Add("style", "display:inline-block;width:175px;word-wrap:break-word;white-space: normal")