Question

我遇到HTML问题，我有类似的事情：

<td title="line1
    line2
    line3
    line4">

但我不希望我的网络浏览器像这样显示它。我想像这样弹出一行

＆＃34; line1 line2 line3 line4＆＃34;

在谷歌只有人们想要显示多行弹出的主题...是否有HTML选项？有可能吗？

BR

Answer 1

<td title="line1 line2 line3 line4">

Answer 2

使用属性标题时，您无法控制弹出窗口的呈现方式。这取决于浏览器。如果您想要在一行中完成所有内容，则必须更改title属性的生成方式以删除所有换行符/换行符。它是将它全部放在一条线上的唯一方法。

Answer 3

你有几种方法可以做到这一点

white-space:nowrap将确保它不会破坏第二行

<p class="nowrap">line1 line2 line3 line4</p>

.nowrap{
    white-space:nowrap;
}

display:inline会将ul li放在一行

<div class="inline">
    <ul>
        <li>line1</li>
        <li>line2</li> 
        <li>line3</li>    
        <li>line4</li>               
    </ul>
</div>

.inline ul li{
    display:inline;
}

display:inline-block可用于将div放在一行

<div class="inline-block">line1</div>
<div class="inline-block">line2</div>
<div class="inline-block">line3</div>
<div class="inline-block">line4</div>

.inline-block{
    display:inline-block;
}

您还可以在元素

中使用<span>Text</span>

<p><span>line1</span><span>line2</span><span>line3</span><span>line4</span></p>

希望这有助于为您提供一些想法，并能够看到哪一个最适合您。

HTML标题没有多行

3 个答案: