Как обернуть предметы вна определенной ширине - PullRequest
Новая
       4

Как обернуть предметы вна определенной ширине

2 голосов
/ 04 февраля 2012

Я пытаюсь обернуть элементы в xe:djextListTextBox, чтобы при добавлении элементов определенной ширины следующий добавленный элемент начинался с новой строки.

В настоящее время у меня есть xe:djextListTextBox в ячейке таблицы, и мои предметы расширяют ячейку вместо упаковки.

Я перепробовал много вещей, но, похоже, не могу понять.

Это одна из техник, которую я использовал в своей таблице стилей: 

SPAN[id$='djextListTextBox10']{width:200px}

Спасибо за вашу помощь

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

Image show the items are extending the table width, if I add an item containg a space the items seem to wrap ok

<xp:panel style="width:300px">
<xe:djextListTextBox id="djextListTextBox10"
    multipleSeparator="," multipleTrim="true"
    value="#{userdocbasic.fld}" displayLabel="true"
    style="font-weight:bold;width:300px" type="text" tooltip="Select"
    title="nnn">
</xe:djextListTextBox>
</xp:panel>




<div style="width:300px">
<span id="widget_view:_id1:dynC:_id96:djextListTextBox10" wairole="presentation"     style="font-weight: bold; width: 300px; " class=""    dojoattachevent="onmouseenter:_onMouse,onmouseleave:_onMouse,onmousedown:_onMouse" role="presentation" widgetid="view:_id1:dynC:_id96:djextListTextBox10">
<input name="view:_id1:dynC:_id96:djextListTextBox10" dojoattachpoint="textbox" type="hidden" dojoattachevent="onchange: _onTextChange" value="item1,item2,item3,item4,item5,item6,item7,item8,item9,item10,item11,item12">
<span dojoattachpoint="list,focusNode" class="lotusFilters lotusInlineList" id="view:_id1:dynC:_id96:djextListTextBox10" tabindex="-1" title="User defined skills">
<span val="item1" style="" tabindex="0"><a href="javascript:;" tabindex="-1"  class="lotusFilter">item1<span class="lotusClose">x</span></a></span></span>
</span>
</div>

Ответы [ 2 ]

2 голосов
/ 27 июля 2012

настройка 'перенос слов: брейк-слово;'может вызвать разрывы слов в середине слов.Поэтому я использую 'DIV' вокруг поля с class="someName", а в CSS у меня есть .someName span span { float: left; }

2 голосов
/ 05 февраля 2012

Похоже, я отвечу на свой вопрос здесь ...

. Когда я более подробно изучал код, я увидел, что есть скрытое поле ввода, отображающее каждый элемент, подобный этому: item1, item2, item3, item4, item5, item6, item7, item8, item9, item10, item11, item12

, поэтому я немного пересмотрел и мне кажется, что мне нужно выполнить перенос слов css: break-word SPAN [id $ = 'djextListTextBox10 '] {width: 200px; перенос по словам: break-word}

...