- Html+CSS中设置class left中的a标签text-alig
- 其它
<!DOCTYPE html>
<html style="background-image: url(./img/bg.png);">
<head>
<meta charset="utf-8" />
<title>This is my first</title>
<style>
* {
margin: 0;
font-family: "微软雅黑";
transition:0.5s;
-webkit-font-smoothing: antialiased;
}
.header {
width: 100%;
height: 70px;
background-color: white;
position: fixed;
top: 0;
box-shadow:3px 1px 2px darkgrey;
}
.header:hover {
box-shadow:3px 1px 2px #000;
}
.header a {
line-height: 70px;
margin: 85px;
color: black;
text-decoration: none;
padding: 15px;
font-size: 16px;
text-shadow: 0 1px 1px #fff;
}
.header a:hover {
background-color: black;
color: white;
}
.left {
width: 5px;
height: 700px;
background-color: white;
position: fixed;
left: 0;
overflow: auto;
}
.left:hover {
width: 200px;
box-shadow:3px 1px 2px darkgrey;
}
.left a {
text-align: center;
}
.main_left {
margin: 80px;
background-color: white;
width: 70%;
height: 700px;
border-top: aqua;
}
.main_right {
margin: 50px;
background-color: white;
}
</style>
</head>
<body>
<div class="header">
<a href="#">点击链接</a>
<a href="#">点击链接</a>
<a href="#">点击链接</a>
<a href="#">点击链接</a>
<a href="#">点击链接</a>
</div>
<div class="left">
<a> Hello </a>
</div>
<div class="main_left">
</div>
</body>
</html>
之前试过了margin:auto;
也试过
display:inline-block;
text-align: center;
都无效，有没有解决办法？
- TIMI 2020-04-17 11:22:28
- 阅读 1199 收藏 0 回答 1
- 邀请
- 收藏
- 分享
- 推荐问答
- 换一换
- selenium+unittest测试用例执行报错浏览 1 回答 09-03
- allure安装成功后，执行未生成报告浏览 1 回答 04-17
- 渗透测试工程师的岗位职责是什么？浏览 1 回答 12-21
- 软件测试实习生，进入公司需要会做哪些工作？浏览 1 回答 01-31
- 运维新手入门的话建议从那入手?浏览 1 回答 09-17
![新浪微博](http://service.weibo.com/share/share.php?title=来自“51testing软件测试圈”的问答《Html+CSS中设置class left中的a标签text-alig》&<p><!DOCTYPE html><br/><html style="background-image: url(./img/bg.png);"><br/> <head><br/> <meta charset="utf-8" /><br/> <title>This is my first</title><br/> <style><br/> * {<br/> margin: 0;<br/> font-family: "微软雅黑";<br/> transition:0.5s;<br/> -webkit-font-smoothing: antialiased;<br/> }<br/> .header {<br/> width: 100%;<br/> height: 70px;<br/> background-color: white;<br/> position: fixed;<br/> top: 0;<br/> box-shadow:3px 1px 2px darkgrey;<br/> }<br/> .header:hover {<br/> box-shadow:3px 1px 2px #000;<br/> }<br/> .header a {<br/> line-height: 70px;<br/> margin: 85px;<br/> color: black;<br/> text-decoration: none;<br/> padding: 15px;<br/> font-size: 16px;<br/> text-shadow: 0 1px 1px #fff;<br/> }<br/> .header a:hover {<br/> background-color: black;<br/> color: white;<br/> }<br/> .left {<br/> width: 5px;<br/> height: 700px;<br/> background-color: white;<br/> position: fixed;<br/> left: 0;<br/> overflow: auto;<br/> }<br/> .left:hover {<br/> width: 200px;<br/> box-shadow:3px 1px 2px darkgrey;<br/> }<br/> .left a {<br/> text-align: center;<br/> }<br/> .main_left {<br/> margin: 80px;<br/> background-color: white;<br/> width: 70%;<br/> height: 700px;<br/> border-top: aqua;<br/> }<br/> .main_right {<br/> margin: 50px;<br/> background-color: white;<br/> }<br/> </style><br/> </head><br/> <body><br/> <div class="header"><br/> <a href="#">点击链接</a><br/> <a href="#">点击链接</a><br/> <a href="#">点击链接</a><br/> <a href="#">点击链接</a><br/> <a href="#">点击链接</a><br/> </div><br/> <div class="left"><br/> <a> Hello </a><br/> </div><br/> <div class="main_left"><br/><br/> </div><br/> </body><br/></html><br/></p><p>之前试过了margin:auto;<br/>也试过<br/>display:inline-block;<br/>text-align: center;<br/>都无效，有没有解决办法？</p><p><br/></p>&url=&content=utf-8&sourceUrl=&pic=){kind=link}
- 关于我们 联系我们 版权声明 广告服务 站长统计
- 建议使用IE 11.0以上浏览器，800×600以上分辨率，法律顾问：上海兰迪律师事务所 项棋律师
- 版权所有 上海博为峰软件技术股份有限公司 Copyright©51testing.com 2003-2024, 沪ICP备05003035号
- 投诉及意见反馈：webmaster@51testing.com; 业务联系：service@51testing.com021-64471599-8017
- 51testing软件测试圈微信