11问答网
所有问题
如何在CSS中使div内的li左对齐,同时div在整个页面中处于居中状态;如图
如图,div在整个页面中居中,div里的ul左对齐。还有,div的边框是怎么设置的,“收货单”那三个字是怎么写到边框里的。 求高手指点!!!!!
举报该问题
推荐答案 2019-09-21
div设置宽度 使用margin:0 auto;居中 li左对齐 将左边收货人姓名\收货人姓名 元素设置为块元素设置固定宽度 对齐
收货单在边框里方法
方法一:可以使用fieldset(缺点不兼容老版本的ie)
<fieldset>
<legend>收货单</legend>
<p>内容</p>
</fieldset>
方法二:可以使用定位position:relative;来实现
<div><span class="title">我是边框上的文字</span><span>我是边框内的文字</span></div>2.设置css样式
div{
width:200px;
height:100px;
padding:5px 30px;
margin:50px;
border:4px solid #ebcbbe;
}
span.title{
display:block;
width:150px;
height:30px;
position:relative;
top:-15px;
text-align: center;
background: white;
}
温馨提示:答案为网友推荐,仅供参考
当前网址:
http://11.wendadaohang.com/zd/8884qvSSFP44v8q7S2.html
其他回答
第1个回答 2019-09-21
很简单啊。
关于div内容的思路:
1,内联标签;设置内敛标签再设置它的padding属性(只有left和right有效)
2,块级标签左浮动;这个就是float属性了
关于收货单三个字的思路:
1,相对定位;用position属性外用相对,内用绝对
2,伪类;用css3的before或者after属性可以直接把这三个字放到线上
都是简单的东西。多试试就知道了。
追问
谢谢你!!!
相似回答
1、
如何用CSS
设置ul,使其在
div中li
靠左
对齐
?ul有默认
的
左边距。2、和...
答:
1、在ul样式中设置文本居
左对齐
。ul { padding:0;margin:0;text-align: left;list-style-type: none;} 2、标签大小不同,可以用自定义的背景图片代替标签样式。ul li { background-image:url(sqpurple.gif);background-repeat:no-repeat;background-position:0px 5px;padding-left:14px;} ...
大家正在搜
html中如何做到div上下对齐
div居中对齐的css代码
div中的li横放居中
div内元素左对齐
div文字居中对齐
div中的p标签上下居中
p标签在div中垂直居中
html中div右对齐
怎么居中且左对齐
相关问题
1、如何用CSS设置ul,使其在div中li靠左对齐?ul有...
CSS问题。我想让一些内容在一个div里是靠左的显示,然后让...
用css如何让大div里的两个小div居中,如图
用div+css布局的页面怎么让整个页面居中
html css 里面 一个div里的ul怎么让他居中对齐?
div里的元素分别靠左靠右居中如何实现
如何使div水平居中,里面的文字左对齐?
div+css如何左对齐?