css使元素怎么样居中暗示?
<div style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">1、</span>已知宽度的元素居中</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">思路:居中元素父级设置相对定位,居中元素绝对定位,距离顶部 top:50%,左边left:50%,<span style="color: black;">经过</span>margin-top、margin-left等于负的居中元素宽高的一半。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">.box{position:relative;width:200px;height:300px;}</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> .a{position:absolute;top:50%;left:50%;margin-top:-150px;margin-left:-100px;}</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">2、</span>未知宽度的元素居中</p>思路:居中元素父级设置相对定位,居中元素绝对定位,距离顶部 top:50%,左边left:50%,<span style="color: black;">而后</span><span style="color: black;">运用</span><a style="color: black;">css</a>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3 transform:translate(-50%; -50%)使元素居中。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> .box{position:relative;width:200px;height:300px;}</p>.
</span></div>
“BS”(鄙视的缩写) 外链发布社区 http://www.fok120.com/ 你的话深深触动了我,仿佛说出了我心里的声音。 外链论坛的成功举办,是与各位领导、同仁们的关怀和支持分不开的。在此,我谨代表公司向关心和支持论坛的各界人士表示最衷心的感谢! 论坛是一个舞台,让我们在这里尽情的释放自己。 你的见解独到,让我受益匪浅,非常感谢。 我们有着相似的经历,你的感受我深有体会。 谷歌外链发布 http://www.fok120.com/
页:
[1]