html的div标签对其,div标签的对齐⽅式align与css样式text-
aligin的异同手机上可以打html与css的app
摘要关于div中的对齐⽅式的⼀些解释。如align=center居中属性是html的,⽽style 这是css样式,css样式中没有align:center这⼀项属性,所以就不能把align=center写在style中;⽽css值居中的话⽂字居中应该使⽤的是text-aligin:center
⽂章⽬录(Table of Contents)
问题来源
昨天遇到了⼀个div标签对齐的问题,想要让div中的p标签靠右对齐,然后使得p标签⾥的内容靠左对齐。
其中有⼀个容易出错的地⽅,就是align不是css的样式,不能把他放在style中,下⾯放⼀段解释:
相似问题
问题:html页⾯布局中,
和
渲染效果应该⼀样的吧? 可我在测试时第⼀种⽅法可以居中,⽽第⼆种⽅法就不⾏了,这是为什么?
解答:这是因为align=center居中属性是html的 所以你可以使⽤,但是style 这是css样式,css样式中没有align:center这⼀项属性,所以就没有⽤了呢;如果您想居中的话⽂字居中是text-aligin:center;div居中是margin:auto;
解决办法
其实上⾯解决办法已经说得很明⽩了,就是把align放在div中,不要放在style⾥。
这是⼀个段落。没有规定对齐⽅式。
这是 div 元素中的⽂本。
这是⼀个段落。没有规定对齐⽅式。
于是我们有了下⾯的效果:
可以看到div中的p元素靠右对齐,p元素中的⽂本靠左对齐。
结语
说⼀下,之所以查这些是因为本来是要做⼀个类似聊天窗⼝的东西,就是要让右边那个对话框能靠右并且⾥⾯的字能靠左。不过最后还是⽤了github上的⼀个聊天窗⼝的代码,聊天窗⼝界⾯,不过这⼀段学习还是了解了挺多的html的,总之还是很不错的。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论