使用CSS選擇除空白空格以外的文本

我在我的網站上選擇文本時遇到了一些麻煩。我希望能夠選擇純文本&而不是文本任何一側的段落之間的多餘空格。使用CSS選擇除空白空格以外的文本

目前，我可以使用具有自己背景色的::selection &。不過，我相信我的代碼全是扭曲的&我只是無法找到如何做到這一點。

下面的這個網站正是我想要它做的，當選擇文本時，段落之間的空白從未被選中。

任何&所有幫助是極大的讚賞，謝謝！

2015-11-18 Danny

*但是我相信我的代碼全是扭曲的*你可以發佈該代碼嗎？ –

我可以在演示鏈接（注意字符串開頭和結尾處的2個空格）中選擇和複製/粘貼1982年的''，使用Win7 Firefox，儘管用戶配置發生了變化[layout.word_select.eat_space_to_next_word]（http：// kb.mozillazine.org/Layout.word_select.eat_space_to_next_word） – FelipeAls

在你提供的鏈接中，文本選擇是正常的，因爲它獲得了......包含在選擇中的空白區域......你能提供代碼/屏幕截圖想要實現？ –

如果您只是使用<p>元素來包裝每個段落（這就是<p>元素存在的目的，那就是它的命運，您是否想要拒絕它做它的意義???），瀏覽器將做到神奇本人:-)

退房的simplest JsFiddle i've ever created :-)

來源

2015-11-18 09:45:06

如果你有興趣在如何實現在公式網站上的效果，這裏有所有相關部分 - jsfiddle。（我通過@Ronen Cypis改變了小提琴）。

正如你可以看到，大公使用一個隱藏的覆蓋層

.fom-modal-shim { 
    position:absolute; 
    left:0; 
    top:0; 
    right:0; 
    bottom:0; 
    width:100%; 
    height:100%; 
    z-index:1000; 

    -moz-opacity:0; 
    -khtml-opacity:0; 
    -webkit-opacity:0; 
    opacity:0; 
    -ms-filter:alpha(opacity=0); 
    filter:alpha(opacity=0); 
    visibility:hidden 
}

最終效果是通過設置頁面容器position到relative實現。

.site-wrapper { 
    position:relative 
}

來源

2015-11-18 11:56:54 Adrian

使用CSS選擇除空白空格以外的文本

回答

相關問題