不定宽块状元素水平居中方法

<!DOCTYPE HTML>

<html>

<head>

<meta charset="utf-8">

<title>不定宽块状元素水平居中</title>

<style>

.container{text-align:center;}

.container ul{list-style:none;margin:0;padding:0;display:inline;}

.container li{margin-right:8px;display:inline;}

</style>

</head>

<body>

<div class="container">

<ul>

<li><a href="#">1</a></li>

<li><a href="#">2</a></li>

<li><a href="#">3</a></li>

</ul>

</div>

</body>

</html>

.container ul不是包含后代选择器吗？li不是ul的后代元素么？为什么下面还要再写一遍“.container li{display:inline;}”？

weibo_大气高端路人_03765794

浏览 980回答 1

1回答

woshiajuana

.container ul代表选择类名为container的元素下面所有的ul标签元素.container li代表选择类名为container的元素下面所有的li标签元素且display:inline;属性不可继承

0

0

随时随地看视频慕课网APP

相关问题

为什么字体颜色在Eclipse上没有变化 2 回答

相关分类

Html/CSS: 为什么字体颜色在Eclipse上没有变化 2 回答