Запрет переноса слов через дефис [дубликат]

#html #css

        
             
                
                    
                        
                            This question already has answers here:
                            
                        
                    
                
                        
                            перенос слов по дефису
                                
                                    (4 ответа)
                                
                        
                                Closed 2 года назад.
            
                    
Как запретить перенос слов через дефис?
Допустим 

some text wi-fi


если блок узкий, как запретить перенос fi  на другую строку?
    

Ответы

Ответ 1

Использовать вместо обычного дефиса неразрывный ‑ - при нормальной кодировке
(utf8) его можно просто писать как символ в тексте ‑:



p {
  font-family: monospace;
  width: 15ch;
  border: 1px dotted red;
  float: left;
  margin: 8px;
}
wi-fi wi-fi wi-fi wi-fi wi-fi wi-fi wi-fi wi-fi wi-fi wi-fi
wi‑fi wi‑fi wi‑fi wi‑fi wi‑fi wi‑fi wi‑fi
wi‑fi wi‑fi wi‑fi
wi‑fi wi‑fi wi‑fi wi‑fi wi‑fi wi‑fi wi‑fi wi‑fi wi‑fi wi‑fi