【问题标题】:HTML - left-align <ul> elementHTML - 左对齐 <ul> 元素
【发布时间】:2013-03-26 18:42:40
【问题描述】:

我正在开发一个经典的 ASP 站点,右侧导航栏上的无序列表需要左对齐。通过删除 &lt;ul&gt;&lt;/ul&gt; 标记并简单地留下列表项,我能够做到这一点。但是,现在第一项的文本(对于它所在的表格单元格来说显然太长了)渗入了第二行。有谁知道,不使用&lt;ul&gt; 标签,如何正确地证明文本?

这是一个屏幕截图。我需要让“应用程序”这个词与每个项目符号中的第一个词对齐。

这是本节的 HTML:

<p><strong><span style='font-size:10.0pt; font-family:&quot;Helvetica&quot;, &quot;sans-serif&quot;; color:#0070B9'>Please contact our Product Specialists for assistance with:</span></strong></p>
    <li><span style='font-size:10.0pt; font-family:&quot;Helvetica&quot;, &quot;sans-serif&quot;; color:#666666'>Submitting your first application</li>
    <li><span style='font-size:10.0pt; font-family:&quot;Helvetica&quot;, &quot;sans-serif&quot;; color:#666666'>Marketing Materials</span></li>
    <li><span style='font-size:10.0pt; font-family:&quot;Helvetica&quot;, &quot;sans-serif&quot;; color:#666666'>Quoting tools</span></li>
<p><strong><span style='font-size:10.0pt; font-family:&quot;Helvetica&quot;, &quot;sans-serif&quot;; color:#0070B9'><br />

编辑 这是带有&lt;ul&gt; 标签的列表的屏幕截图。

【问题讨论】:

  • 没有父 UL 的列表项是无效的 HTML。
  • 无论您使用什么来将其设置为块,您是否设置了宽度?这将导致其中的所有代码都包含在该宽度中,除非您使用overflow:visible 或其他东西
  • 这似乎对我有用:cssdesk.com/RXdyU 我认为你有其他风格导致这种效果
  • 抱歉,发布了正确的屏幕截图,但 HTML 错误。
  • 您需要将此标记为 CSS 问题。我确信您可以将某种 CSS 定义应用于您的
  • 项目

标签: html asp-classic


【解决方案1】:

放回UL,用css缩小边距。

ul.exampleList {
margin-left: ??px;
}

您的代码示例: http://jsfiddle.net/jYmpG/

【讨论】:

    猜你喜欢
    相关资源
    最近更新 更多
    热门标签