Question

我在使用CSS3和HTML5的移动设备上使用Bootstrap 3时遇到了一个小问题。

在桌面或笔记本电脑上，当我将窗口调整为较小时，文本行将使用空格包裹到新行。

当我使用三星Galaxy S6时，它使用loadImages(pos - 1,function(){ loadImages(pos,function(){ loadImages(pos + 1); }); }); function loadImages(key){ $('.slide:nth-child('+key+') .imgholder').each(function(){ par = $(this).parent(); imgHold = $(this); if (loaded_images.indexOf($(imgHold).data('img-src')) > 0){ return true; } else { $(imgHold).attr('src',$(imgHold).data('img-src')).on('load', function() { if (!$(imgHold).hasClass('fgimg')){ $(par).css('background-image','url('+$(imgHold).data('img-src')+')'); } else { $(imgHold).css('visibility','visible'); } // How do I return loadImages from here?? }) } }) }连字符来换行而不是空格。

如何在CSS中的连字符-上禁用此换行？

Answer 1

尝试以下css：

.nowrap {
   white-space: nowrap;
}

HTML：

<div class="big">Autoparts Prosec is de grossier in 
   <strong class="nowrap">auto-onderdelen</strong>
</div>

连字符在新行中断，而不是在移动设备上占用空白

1 个答案: