连字符:auto不会破坏像***************这样的伪词

时间:2016-03-09 15:45:49

标签: html css

如何通过夸大其词来打破真实的话语:auto;和单词中断不接触的单词:break-all?

换句话说,如何改变它:

Unabhaengigkeitserklaerungen
****************************

分为:

Unabhaengigke
itserklaerungen
**************
***************

(或类似的东西)

更新

行。主要问题是我的布局由两列组成。 左边一个将一个接一个地包含两个表。第一个表格将包含一些长字符串" *"。

这会破坏计算宽度的算法,而表格不会按预期调整大小。溢出-y将永远不会被使用,因为FF不会减小宽度低于该长度的宽度' *'字。

解: (一旦主持人删除"复制"此问题,将立即更新)

使用:

    两个表的
  • table-layout: fixed
  • 对每个列
  • 使用%
  • 使用以下CSS进行分词:

    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
    
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    /* Instead use this non-standard one: */
    overflow-wrap: break-word;
    
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    

1 个答案:

答案 0 :(得分:1)

根据需要使用交替跨度设置中断或不中断。