导航栏上的内联块

时间:2017-06-14 19:38:20

标签: html css

在滚动浏览之前堆栈溢出问题的不同答案后 - 我遇到了类似于此的导航条形码。工作良好。

我理解通过在.ulTest上使用内联块,它实际上使导航栏水平。但是我无法理解为什么它在.ulTest li上有内联阻塞。我尝试添加/删除它,并从删除它导航栏高度变小。任何人都可以向我解释这条线实际上在做什么以及它如何影响页面?谢谢:)

cv = []
        bbb = self.driver.find_elements_by_class_name('user-name')
        # while True:
        for plink in bbb:
cv.append(plink.find_element_by_css_selector('a').get_attribute('href'))




    self.cvDict = {'one': cv[1],
                   'two': cv[2],
                   'three': cv[3], 'four': cv[4], 'five': cv[5],
                   'six': cv[6], 'seven': cv[7],
                   'eight': cv[8], 'nine': cv[9], 'ten': cv[10],
                   'eleven': cv[11], 'twelve': cv[12], 'thirteen': cv[13], 'fourteen': cv[14],
                   'fifteen': cv[15], 'sixteen': cv[16], 'seventeen': cv[17], 'eighteen': cv[18],
                   'nineteen': cv[19],
                       }

1 个答案:

答案 0 :(得分:0)

因为锚元素只是内联,浏览器默认,其高度只是周围线框的高度。通过使其成为块,您可以使该元素的高度与周围的父元素的大小相同,同时将它们全部保存在“内联”中。

所以,拿你的html和css把它们放在一起。使用您的开发人员工具,并将锚元素的大小视为内联块与内联块,您会发现其中的差异。作为块级别,您可以使用内联方式调整高度和边距以及填充。