WordPress文章中添加自適應(yīng)表格，前面寫文章的時(shí)候需要用到表格來表達(dá)陣列信息，但是在WordPress添加表格不想是在office中那樣方便，需要借助插件或者代碼才可以實(shí)現(xiàn)，今天分享一個(gè)不需要安裝插件純代碼實(shí)現(xiàn)WordPress文章中添加自適應(yīng)表格的方法，表格可以實(shí)現(xiàn)文字字體居中色彩屬性、自定義行數(shù)列數(shù)、插入圖片等操作。

教程開始

WordPress編輯文章切換到文本編輯模式，將下面代碼添加進(jìn)去，并修改其中的文字：

自適應(yīng)表格

自適應(yīng)表格 輸入文字 自適應(yīng)表格 輸入文字

效果如下：

一：如果想添加更多行。

多復(fù)制幾個(gè)

...這樣的代碼組合即可。

自適應(yīng)表格

自適應(yīng)表格 輸入文字 自適應(yīng)表格 輸入文字 自適應(yīng)表格 輸入文字 自適應(yīng)表格 輸入文字

效果如下：

二：如果想對添加更多列。

上面是兩欄自適應(yīng)表格，如果需要多欄自適應(yīng)表格，可以將代碼中的“50%”修改成需要的數(shù)字。3欄修改成“33.33%”，四欄修改成“25%”等，以此類推即可，也可以設(shè)置不同的列寬度。

自適應(yīng)表格

序號 自適應(yīng)表格 輸入文字 備注 序號 自適應(yīng)表格 輸入文字 備注

效果如下：

三：如果想修改文字字體、居中、色彩等信息。

可以在Wordpress的可視化編輯器中選擇中需要修改的文字，直接在上方的文字屬性欄設(shè)置即可。

效果如下：

四：如果想在表格中添加圖片

可以在Wordpress的可視化編輯器中直接將光標(biāo)插入需要插入圖片的表格中，添加媒體圖片即可。

效果如下：

總體效果預(yù)覽

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎

總結(jié)

以上是生活随笔為你收集整理的antd option宽度自适应_WordPress文章中添加自适应宽度的表格——墨涩网的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。