鍍金池/ 問答/Java  PHP  C  HTML/ 請教display:table,word-break:break-all,wor

請教display:table,word-break:break-all,word-wrap:break-word,如下圖和代碼

##問題如下
我在一個(gè)網(wǎng)站上弄了點(diǎn)數(shù)據(jù)，但是樣式顯示有點(diǎn)問題，但是對display:table不熟悉,
如下圖中紅色框的,1/4顯示問題
對應(yīng)鏈接
http://www.xuekubao.com/tiku/...
clipboard.png

復(fù)制過來默認(rèn)的展示效果

clipboard.png

我是想展示成和圖1一樣的效果

html

        <span class="MathJye" mathtag="math" style="whiteSpace:nowrap;wordSpacing:normal;wordWrap:normal">
            <table cellpadding="-1" cellspacing="-1" style="margin-right:1px">
                <tr>
                    <td style="border-bottom:1px solid black">5</td>
                </tr>
                <tr>
                    <td>7</td>
                </tr>
            </table>
        </span>噸可以看作1噸的
        <span class="MathJye" mathtag="math" style="whiteSpace:nowrap;wordSpacing:normal;wordWrap:normal">
            <table cellpadding="-1" cellspacing="-1" style="margin-right:1px">
                <tr>
                    <td style="border-bottom:1px solid black">5</td>
                </tr>
                <tr>
                    <td>7</td>
                </tr>
            </table>
        </span>，也可以看作5噸的
        <span class="MathJye" mathtag="math" style="whiteSpace:nowrap;wordSpacing:normal;wordWrap:normal">
            <table cellpadding="-1" cellspacing="-1" style="margin-right:1px">
                <tr>
                    <td style="border-bottom:1px solid black">1</td>
                </tr>
                <tr>
                    <td>7</td>
                </tr>
            </table>
        </span>
回答
編輯回答
哎呦喂

在table的樣式表中增加

display: inline-block;vertical-align: middle;

就可以了

2017年7月24日 12:10