Вопрос, связанный с макетом и полями текста в XSL

Question

Мой другой вопрос о правильном расположении текста на веб-странице. Я хотел бы написать код RSS, а затем использовать XSL для форматирования RSS в HTML Мой вопрос:

Почему текст ОПИСАНИЯ ПУНКТА выходит за рамки веб-страницы? Как заставить этот фрагмент текста оставаться внутри поля? Закончились запасы http://i40.photobucket.com/albums/e236/ngquochung86/somemargin.jpg

Мой XML-код:

<channel>
 .......
  <description>
   CHANNEL DESCRIPTION: Website of New York Times
  </description>
  <item>
    <title>
      ITEM TITLE:YouTube and Universal to Create a Hub for Music
    </title>
    <link>
     <a href="http://www.nytimes.com/2009/04/10/technology/internet/10google.html?ref=technology"/>
    </link>
    <description>
     CHANNEL DESCRIPTION: The agreement is an effort by YouTube, which is owned by Google, to put more professionally produced content in front of its huge audience, and in turn, earn more money from advertising.
    </description>
  </item>

Мой XSL-код:

<span class="channelDescription"> <xsl:value-of select="channel/description"/></span>
           <xsl:for-each select="channel/item">
              <span class="itemTitle"><xsl:value-of select="title"/></span>
              <span class="itemLink"><xsl:value-of select="link"/></span>
              <span class="itemDescription"><xsl:value-of select="description"/></span>
           </xsl:for-each>

Не могли бы вы помочь мне? Спасибо

Answer 1

Как сказал AnthonyWJones, это похоже на вопрос CSS / HTML. Как только вы используете XSLT для преобразования RSS-канала в HTML, он просто обрабатывается (и, следовательно, отображается) как стандартный HTML-документ.

На данный момент я предпочитаю поместить контейнер (элемент уровня блока, такой как ) вокруг описания (или всего документа) и указать для него ширину, которая находится в пределах размеров дисплея с использованием CSS.

Так что-то вроде этого должно работать:

<style type="text/css">
#container {
    width: 90%;
}
</style>
<div id="container">
    // Your XSL code
</div>