在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 怎么讓【個人說明】這句話居中

怎么讓【個人說明】這句話居中

圖片描述

圖片描述

下面是代碼：

<script>
        $(function() {
            $("span").css({
                "display": "inline-block",
                "width": "100px",
                "text-align": "right"
            });
        });
</script>

        <div>
            <span>個人說明：</span>
            <textarea id="instruction" style="height: 200px;width: 300px;resize:         none;"></textarea>
        </div>

我不知道該怎么加樣式還是什么的，所以勞煩各位指教一下。。。

回答
編輯回答
怣痛

你這個問題可以有好幾種實現(xiàn)方式
1.

display:table-cell;
text-align:center;

2.line-height:xxx;

3.vertical-align:middle;

2018年2月16日 13:03
編輯回答
別瞎鬧

多謝樓上各位

2017年10月2日 23:47
編輯回答
遺莣

首先，加樣式的話建議不要用js加，還是寫在頁面內(nèi)部用<style></style>標(biāo)簽包裹，或者通過<link>標(biāo)簽引入外部css,行內(nèi)樣式也要少寫。
其次，居中的話有很多種方式，例：

1.display:table-cell;
vertical-align:middle;
2.height:*px;
line-height:*px;
3.利用flex布局也可以實現(xiàn)

2017年6月7日 20:45
編輯回答
伐木累
#instruction {
    vertical-align: middle;
}
2018年9月9日 11:40
編輯回答
不歸路
div{
    display:flex;
    align-item:center;
}
2018年8月17日 16:56
編輯回答
解夏
span{
    display:inline-block;
    height:200px;
    line-height:200px;
}
2017年5月6日 16:36