极客观点
项目管理
HarmonyOS
<style>
.right{
height: 100px;
font-size: 14px;
line-height: 100px;
}
.right em{
font-size: 90px;
}
</style>
<p class="right">
我是左边<em>我是中间</em>我是右边
</p>
如题，尝试了好几种方法，除非直接对 左右两边设置 margin之类的，有什么方法能让其自动居中对齐呢？？
因为是PC端，需兼容至IE7
IE 5.5 都没问题
<!DOCTYPE html><html><head>
<title></title>
<style>
.right{
height: 100px;
font-size: 14px;
line-height: 100px;
// 作用
text-align: -moz-center !important;
text-align: center;
vertical-align: middle;
}
.right em{
font-size: 90px;
}
</style></head><body>
<p class="right">我是左边<em>我是中间</em>我是右边</p>
</body></html>5 回答1.3k 阅读✓ 已解决
3 回答1.4k 阅读✓ 已解决
3 回答2.2k 阅读✓ 已解决
4 回答2k 阅读
2 回答1.4k 阅读✓ 已解决
3 回答1.3k 阅读✓ 已解决
1 回答1.5k 阅读✓ 已解决
https://jsfiddle.net/koqee35f/
vertical-align: middle;没问题